设置如下proxy,供服务访问使用
.webpackrc.js
{
"proxy": {
"/atrium": {
"target": "http://127.0.0.1:5000/api/v1.0/",
"changeOrigin": true,
"pathRewrite": { "^/atrium" : "" }
},
}
}
services中
export function fetch() {
return request(`/atrium/commands`);
}
npm start,页面加载正常,访问数据工作正常
npm run build后,尝试过使用nginx和http-server分别建立服务器,页面加载正常,但不能访问导数据,控制台打印如下:
GET http://127.0.0.1:8900/atrium/commands 404 (Not Found)
"dva": "^2.1.0"
自己奋战了几小时,从nginx端进行proxy搞定了。
但还是不是很懂里面的原理,在.webpackrc.js中定义了proxy,run build后就不起作用了么?
npm start 是开发调试,webpackrc文件会生效,方便前后端独立开发,绕过跨域等问题
npm build 生成的文件,webpackrc文件不生效,需要根据各自的产品环境做反向代理
Most helpful comment
npm start 是开发调试,webpackrc文件会生效,方便前后端独立开发,绕过跨域等问题
npm build 生成的文件,webpackrc文件不生效,需要根据各自的产品环境做反向代理