用AI赚第一桶💰低成本搭建一套AI赚钱工具,源码可二开。 广告
## 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: '' } } ~~~