开发环境走mock-server

在开发环境中,vue-config-js我们配置代理的时候开了一个叫

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

所以会走mock-server
但是当我们请求后台的时候我们封装的request.js的时候

 baseURL: process.env.VUE_APP_BASE_API,

然后我们把.env.development,.env.staging base api都改成了后台请求的接口,后台已经解决了跨域

VUE_APP_BASE_API = 'http://10.10.20.103:8083'

但是当我们登录的时候走的是vue-admin自动的登录方法走mock-server,就会报跨域错误,其他页面可以正常访问

生产及予发布环境是走mock.js 环境

所以在予发布环境中可以正常登录,并获取页面数据
是在

解决方法 main.js中加一个process.env.NODE_ENV === ‘development’,且注释掉

vue-config-js

//before: require('./mock/mock-server.js')或
//bafter: require('./mock/mock-server.js')
```js
if (process.env.NODE_ENV === "production"||process.env.NODE_ENV === 'development') {
  const { mockXHR } = require("../mock");
  mockXHR();
}
Logo

前往低代码交流专区

更多推荐