我在vite+vue3的项目想加入mock,然后安装了mock.js和vite-plugin-mock,按照网上的教程配置了vue.config.ts
//vue.config.ts
import { viteMockServe } from 'vite-plugin-mock'
plugins: [
viteMockServe({
mockPath: "./mock", // 解析刚刚user.ts的位置
localEnabled: true // 是否开启开发环境
}),
]
然后在根目录建了mock文件夹,里面添加了getUser.ts
//getUser.ts
export default [
{
url: "/api/getUsers",
method: "get",
response: () => {
return {
code: 200,
message: "ok",
data: [
{
"id": 64,
"username": "张三2",
"age": "http",
"remark": "reprehenderit ea eu veniam consectetur",
"sort": 70
},
{
"id": 36,
"username": "张三",
"age": "mqtt",
"remark": "consectetur",
"sort": 42
},
{
"id": 376,
"username": "张三",
"age": "tcp",
"remark": "consectetur",
"sort": 42
},
{
"id": 38,
"username": "张三",
"age": "amqp",
"remark": "consectetur",
"sort": 42
}
],
}
}
}
]
然后在vue组件里调用方法/api/getUsers,是能拿到数据的,但是只要我修改getUser.ts里面的内容,终端瞬间生成了N条mjs文件在mock文件夹里,一直停不下来,我网上也没搜到有人碰到这种情况,快崩溃了,困扰我很久的时间,谁碰到过帮忙说一下原因,部分终端错误如下图。
另外想通过中间件实现之前vuecli的devserver.before的钩子,谁帮忙贴一下实现代码也非常感谢。
把vite-plugin-mock降到2.9.6就解决了。
1,yarn remove vite-plugin-mock
2,yarn add vite-plugin-mock@2.9.6 -D
问题不再出现。