vue-admin-template v4.x移除mock和关闭eslint


前言

本文记录在使用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就会忽略检查所有文件。

经验分享 程序员 微信小程序 职场和发展