## axios.request()参数说明
```
{
url:'/api/uc/...', //请求的url地址
method: 'post', //get或者是post请求
param:{page:2}, // 当get请求的时候传递参数
data: { abc: 123 }, //当post请求的时候传递的参数
php:true, //调用php接口的时候需要设置成true
await:true //需要异步等待的时候设置成true
}
```
![](https://box.kancloud.cn/e3e6532353ed9213e03f90ba2e6c1810_1958x1462.png)
## 具体使用如下
1.在项目src/api/ 建立js接口集文件,如建立im聊天相关接口集合js,rong-cloud.js 代码如下
```
import axios from '@/libs/api.request' // 这句话必须有
//下面的是你定义的接口
export const loginIm = (account) => {
return axios.request({
url: '/Api/Api/getRongCloudUser',
data: { account: account },
method: 'post',
php: true,
await: true
})
}
```
### 事例说明如下
1.接口需要在src/api里面添加接口文件和接口函数
~~~
export const menus = () => {
return axios.request({
url: '/api/ac/sc/menuService/getVueMenuList?menu_id=296c841693a84572b458dc6ea1d8add6',
method: 'get',
params: { ab: 1 },
php: true,
await: true
})
}
export const goods = (access) => {
return axios.request({
url: '/Api/Api/tt',
data: { abc: 123 },
method: 'post',
php: true,
await: true
})
}
~~~
####参数说明 php 是调用php接口的时候需要传递为true,默认false await 默认false,传递true 执行等待回调。调用页面写法如下
2.使用接口:在页面引用接口文件
~~~
import { menus, goods } from '@/api/goods'
~~~
异步等待调用如下:
~~~
async awaitGoods () {
let wx = await goods()
console.log(wx, '等待返回来的数据')
let next = await menus()
console.log(next, '下一个等待返回来的数据')
}
~~~
普通调用如下:
~~~
upBase64(data).then(data => {
that.loading = false
that.result_photo = data.data.result
this.comparison(this.user_idcard, data.data.result)
})
~~~
# [Mock数据模拟](https://lison16.github.io/iview-admin-doc/#/Mock%E6%95%B0%E6%8D%AE%E6%A8%A1%E6%8B%9F?id=mock%e6%95%b0%e6%8d%ae%e6%a8%a1%e6%8b%9f)
在iview-admin2.0中使用[Mock.js](http://mockjs.com/)来实现AJAX请求拦截并返回模拟数据,方便前端开发人员的快速开发,无需等待后端接口实现。
已用户信息相关接口为例来做介绍,我们的Mock配置都在`./src/mock`文件夹下,首先在`index.js`文件中注册url匹配规则,并且设置匹配后的处理回调。
~~~
// 将login相关的处理回调引入
import { login } from './login'
// 配置拦截匹配规则和处理回调
Mock.mock(/\/login/, login)
~~~
然后在login.js文件中定义处理回调,如下
~~~
export const login = req => {
req = JSON.parse(req.body)
return {
code: 200,
data: {token: USER_MAP[req.userName].token},
msg: ''
}
}
~~~
- vue学习方向
- iview-admin项目说明
- 快速开始
- 开发工具
- 开始开发
- 接口的定义和调用
- 常用函数汇总
- 组件的定义
- iview开发规范说明
- 插件使用说明
- 时间插件
- 命名规范
- vue变量函数规则
- 接口嵌套使用说明
- 组件建立说明
- vue使用规范
- 数据检测特别说名
- iview-layout-themes
- util
- common
- xeUtils详细说明
- form表单自动生成
- theme1使用说明
- theme2使用说明
- hd-login登录组件说明
- wl-upload-files图片上传组件
- wl-upload-imgs
- wl-upload-oss-files
- wl-read-excel
- wl-dir-upload选择文件架
- system组件说明
- 机构管理wl-company-manager
- 用户管理
- wl-excel-import Excel数据导入
- 前台使用说明
- 后台使用说明
- Excel使用说明
- wl-vue2-editor
- 字符串截取方法
- redis常用说明
- 推荐redis使用规范