## 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 } ```  ## 具體使用如下 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: '' } } ~~~