vue-admin 如何让mock和请求后台接口同时存在(登录用的mock数据。页面是后台请求数据)
开发环境走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
·
开发环境走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();
}
更多推荐
已为社区贡献1条内容
所有评论(0)