axios-mock-adapter的安装使用

原因：为什么使用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后开发者工具中并不会有对应接口可以查看。