Loading... # vite2配置mockjs 这篇文章属于vite2踩坑 附上文档参考[链接](https://github.com/anncwb/vite-plugin-mock) ## 要求版本 node版本 >= 12.0.0 vite版本 >= 2.0.0 ## 安装前置依赖 ```bash npm i mockjs -S npm i vite-plugin-mock -D npm i cross-env -D ``` vite.config.ts ```js import { viteMockServe } from 'vite-plugin-mock' plugins: [vue(),viteMockServe({logger: true})], ``` 在与node_modules同级目录建立mock目录 目录下建立mock文件 user.ts ```js import { MockMethod } from 'vite-plugin-mock' export default [ { url: '/api/getUser', method: 'get', response: () => { console.log('body>>>>>>>>') return { code: 0, message: 'ok', data: ['aa', 'bb'] } } } ] as MockMethod[] ``` package.json配置script > dev ```json "dev": "cross-env NODE_ENV=development vite" ``` 代码请求 ```js axios.get('/api/getUser').then(res => { console.log(res) }) ``` 这里就配置完成了 ## 注意 在macOSx里面会出现一个Bug 版本: macOS Big Sur 11.2.3 npm: 7.11.1 这里会报一个服务无法启动的错误,导致mock server起不来 在package-lock.json里面修改 ```json "hasInstallScript": true, "lockfileVersion": 1, ``` 再npm run dev问题解决 最后修改:2022 年 09 月 15 日 © 允许规范转载 赞 0 如果觉得我的文章对你有用,请随意赞赏