Vue3使用Mock

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

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:自定义字符池:

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值