这里的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了
网友评论