4

我有一个 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 拉动我的后端站立来测试这一点。我尝试通过以下更改使其指向正确的后端代码：

{
  "/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"
  }
}

但是当我查看浏览器控制台时，它仍然显示为去 localhost:8080 进行 API 调用。我还需要改变什么吗？

4

3 回答 3

1

在 webpack.dev.js 中改变这个：SERVER_API_URL: “”`

于 2020-08-13T18:01:39.593 回答
0

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

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

看

于 2020-08-03T13:59:38.063 回答
0

这是我为 JHipster 版本所做的更改5.1.0：

webpack/webpack.dev.js

...
   devServer:
     proxy:[{
       target: 'http://127.0.0.1:8081'
     }]
于 2020-08-02T07:18:28.737 回答