在vue项目中使用mockjs

这里的vue项目是基于vue-cli创建的项目
首先我们需要在项目里安装mock
npm i mockjs -S

安装后我们在src目录下创建一个mock目录
src/mock/index.js

const Mock = require('mockjs') //引入mock
import {userInfo} from './user' //从user.js页面引入 userinfo

Mock.mock('http//api/v1/login', 'post', userInfo) //通过方法进行拦截。当项目发起对 'http//api/v1/login'的post请求时返回 userinfo 的数据

src/mock/user.js

const Mock = require('mockjs')

export function userInfo (req, res) {
  const resp = {
        name : '小红'
  }
  return resp 
}
//模拟的假数据内容

我们需要在main.js中引入我们的mock文件夹
main.js

+ import './mock'

在main.js中添加一个 引入语句就可以了
这时候我们对 指定'api/v1/login' 发起请求 返回值就是我们的rsp了