mock在vue项目中的安装使用

一.安装依赖

npm install mockjs --save
或者
cnpm install mockjs --save

二.引入使用

在vue项目中src目录下新建mock目录
然后再src/mock目录下新建user目录和index.js文件,该文件内容格式如下

import Mock from "mockjs"
import "@/mock/user/login"
//指定被拦截的 请求的响应时间，单位是毫秒
Mock.setup({
  timeout: "300-600"
})

然后再user目录下新建login.js文件，该文件如下

import Mock from "mockjs"
const user= Mock.mock({
  name: 'admin',
  password: '888888'
})
Mock.mock('/login', 'post',({body})=> {
  let result = {}
  const {name, password} = JSON.parse(body)
  if(name !== 'admin' || password !== '888888') {
    result.code = -1
    result.message = "账户或密码错误(admin/888888)"
  }else {
    result.code = 0;
    result.data = {}
    result.data.user = user
  }
  return result
})

其中具体的用法请看mockjs文档
最后在main.js文件中引入

import "@/mock"

三.调用接口

axios.post('/login',{}).then()