proxy.conf.json中的路径发生更改时，Java应用程序无法识别更改

Question

我有一个Angular 4应用程序，我希望它指向后端的不同URL(这是一个java/spring应用程序(。当我在本地主机上遇到这个问题(它无法连接到我的本地后端(时，我通过添加proxy.conf.json代码(特别是/api和/auth(来修复它：

{
"/api/*": {
"target": "http://[::1]:8080",
"secure": false
},
"/auth/*": {
"target": "http://[::1]:8080",
"secure": false
},
"*": {
"target": "http://localhost:8080",
"secure": false,
"loglevel": "debug"
}
}

我现在想通过在Rancher环境中作为一个pod拉动我的后端stoodup来测试这一点。我试图通过以下更改将其指向正确的后端代码：

{
"/api/*": {
"target": "https://fake-app1.my-fake-url.com",
"secure": false
},
"/auth/*": {
"target": "https://fake-app1.my-fake-url.com",
"secure": false
},
"*": {
"target": "https://fake-app1.my-fake-url.com",
"secure": false,
"loglevel": "debug"
}
}

但当我查看浏览器控制台时，对于API调用，它仍然显示为转到localhost:8080。我还需要换什么吗？

Answer 1

在webpack.dev.js:SERVER_API_URL:"中更改此项"`

Answer 2

以下是我为JHipster版本5.1.0:所做的更改

webpack/webpack.dev.js

...
devServer:
proxy:[{
target: 'http://127.0.0.1:8081'
}]

Answer 3

您尝试过将changeOrigin设置为true吗？如果后端与前端在不同的主机上，看起来可能需要它？

"changeOrigin"：true：如果您需要访问不在localhost上的后端，或者当您在后端使用一些虚拟代理(例如使用Apache2配置的(时，请将其设置为true。

请参阅

• https://github.com/http-party/node-http-proxy#options
• 解释proxy.config.json的功能angular 5