# 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问题解决

最后修改:2021 年 04 月 25 日
如果觉得我的文章对你有用,请随意赞赏