0 安裝
npm install mockjs
1 創(chuàng)建 Mock
創(chuàng)建文件夾 src/mock, src/mock/json
創(chuàng)建 json 文件 src/mock/json/user.json
{
"name": "Json",
"age": 13
}
創(chuàng)建文件 src/mock/mock.js
import Mock from 'mockjs'
// 使用正則表達(dá)式匹配代參數(shù)的 get 請(qǐng)求 /user?xxxxxx
const user = require('./json/user.json')
Mock.mock(/\/user(|\?\S*)$/, 'get', user)
//Mock.mock('/user', user)
在 main.js 中引入 Mock
import Vue from 'vue'
import App from './App.vue'
// 引入 Mock
process.env.NODE_ENV === 'development' && require('./mock/mock')
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
上面設(shè)置完成后會(huì)自動(dòng)攔截 mock.js 中設(shè)置的接口請(qǐng)求
2 請(qǐng)求接口
axios
.get("/user", {
params: { userId: "12" }
})
.then(resp => {
console.log("resp", resp);
});
