原因:为什么使用axios-mock-adapter而不是用mockjs
如下:
mockjs是针对ajax请求拦截下来并模拟数据,所以他的使用范围是在浏览器中
axios-mock-adapter是针对http请求进行拦截并模拟数据,适用范围比较广泛
axios-mock-adapter
基础用法:
安装 npm install axios-mock-adapter
import MockAdapter from "axios-mock-adapter"
import request from "@/utils/requestchainadmin.js"
var mock = new MockAdapter(request,{ onNoMatch: "passthrough" }); // { onNoMatch: "passthrough" } 这个参数是没有匹配到就绕过
mock.onGet(/\/download\/list/).reply(200,{
code : 0,
message:"",
data:[]
})
用法详见:axios-mock-adapter - npm (npmjs.com)
mockjs
基础用法
安装 npm install mockjs
import Mock from "mock"
let path = "" // 请求路径
let method = "get",//请求方法
Mock.mock(`${path}`,`${method}`,()=>{
return {
code:1,
data:[],
message:''
}
})
以上两种的路径一般都是正则去匹配,因为现在对于前后端分离项目开发环境一般都会跨域,需要做反向代理,这不免就需要我们来规定一个统一前缀方便使用。建议使用正则匹配。
且使用mock后开发者工具中并不会有对应接口可以查看。