1.安装mock和axios
npm install --save-dev mockjs
npm install --save axios
2.创建mock文件夹

3.配置main.js文件
import axios from 'axios'
require("./mock/mockApi.js");//提前创建好的mock文件
const app = createApp(App)
app.config.globalProperties.$axios = axios;
4.配置mock文件
导入:const Mock = require('mockjs')
创建实例:Mock.mock('拦截路径',{
"list|30":[{
数据实例
}]
})
5.vue组件中使用(axios)

6.使用小技巧
--6-1:自定义字符池:

![]()
本文档详细介绍了如何在Vue项目中安装和配置MockJS与Axios,以实现本地模拟API数据。首先,通过npm安装mockjs和axios。接着,创建mock文件夹并配置main.js,将axios挂载到全局。然后,利用MockJS拦截并定义响应数据。在Vue组件中,可以便捷地使用axios获取这些模拟数据。此外,还分享了自定义字符池的技巧,帮助开发者更好地定制模拟数据。
593

被折叠的 条评论
为什么被折叠?



