vue3 引入 mock.js

最新推荐文章于 2024-09-03 09:18:21 发布

啊翔呀

最新推荐文章于 2024-09-03 09:18:21 发布

阅读量1k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_64409387/article/details/126573606

版权

本文介绍了如何在 Vue3 项目中使用 Mock.js 来模拟数据。首先通过 npm 安装 Mockjs，然后在 main.js 文件引入。接着在 src 目录下创建 mock 文件夹和 index.js，将模拟数据代码放入 index.js 和新建的 user.js 中。最后，说明了如何在页面中发起请求获取这些模拟数据。

摘要由CSDN通过智能技术生成

1,安装

npm install mockjs

2，在项目main.js引入mock

在这里插入图片描述

3,项目src下新建mock目录，并新建index.js。

mock/index.js
在这里插入图片描述

4，mock/index.js中复制下面代码：

// 首先引入Mock
const Mock = require('mockjs');
 
// 设置拦截ajax请求的相应时间
Mock.setup({
   
  timeout: '200-600'
});
 
let configArray = [];
 
// 使用webpack的require.context()遍历所有mock文件
const files = require.context('.', true,