前言

本文记录在使用vue-admin-template v4.x版本时如何移除mock和如何清除eslint

一、移除mock

1.修改vue.config.js

找到项目根目录下的vue.config.js

将如下代码注释掉

//before: require('./mock/mock-server.js')

2.修改src/main.js文件

注释掉如下代码

注释掉

// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

3.修改.evn.development

# base api
VUE_APP_BASE_API = '/dev-api'

修改为 你自己的后端接口地址如：

# base api
VUE_APP_BASE_API = 'http://localhost:8888'

4.修改.evn.production

修改内容同上

5.修改src/api/user.js

这里主要修改的是URL，将URL修改成你后端接口的访问路径
注意！不用加http://localhost地址，因为这部分在evn.prodouction已经添加了

这样就移除了vue-element-admin的mock，启动项目尝试请求我们自己的接口，应该是没问题了！

二、移除eslint

最简但的方法就是将根目录的 .eslintignore 中的文件清空然后写一个 *

这样eslint就会忽略检查所有文件。