- 首先 ==> npm i mockjs -D 安装 mockjs
- 接下来 ==> src 下 新建目录mock => mock目录下新建index.js
index.js内容如下
const Mock = require('mockjs'); //格式: Mock.mock( url, post/get , 返回的数据) Mock.mock('/user/userInfo', 'get', require('./json/userInfo'));
- 然后 ==> mock目录下新建json目录 => json目录下写json文件(调用接口需要返回的数据)
- 最后 ==> 在 main.js 中引入
import './mock/index' //引入mock数据,关闭则注释该行
- 接下来就是在你组件中的请求了
// ...省略template
import axios from 'axios'
export default {
methods:{
getUserInfo(){
axios.get('/user/userInfo').then(res => {
console.log('返回的是你写好的json文件'+res)
}).catch(e => {
console.log('错了错了'+e.message)
})
}
}
}
// ...省略css
目录结构如下
欢迎光临我的个人博客:博客入口
年轻人,加油,未来的路属于你自己!
疫情无情,人间有情!