這里的vue項(xiàng)目是基于vue-cli創(chuàng)建的項(xiàng)目
首先我們需要在項(xiàng)目里安裝mock
npm i mockjs -S
安裝后我們?cè)趕rc目錄下創(chuàng)建一個(gè)mock目錄
src/mock/index.js
const Mock = require('mockjs') //引入mock
import {userInfo} from './user' //從user.js頁(yè)面引入 userinfo
Mock.mock('http//api/v1/login', 'post', userInfo) //通過(guò)方法進(jìn)行攔截。當(dāng)項(xiàng)目發(fā)起對(duì) 'http//api/v1/login'的post請(qǐng)求時(shí)返回 userinfo 的數(shù)據(jù)
src/mock/user.js
const Mock = require('mockjs')
export function userInfo (req, res) {
const resp = {
name : '小紅'
}
return resp
}
//模擬的假數(shù)據(jù)內(nèi)容
我們需要在main.js中引入我們的mock文件夾
main.js
+ import './mock'
在main.js中添加一個(gè) 引入語(yǔ)句就可以了
這時(shí)候我們對(duì) 指定'api/v1/login' 發(fā)起請(qǐng)求 返回值就是我們的rsp了
