如何使用代理配置将 angular 2 应用程序部署到 HTTP 服务器

Question

我正在使用以下代理配置构建 angular 2 个应用程序。

proxy.conf.json

{ 
 "/": {
  "target": "http://localhost:6060",
  "secure": false,
  "changeOrigin": true,
  "logLevel": "debug" 
}}

我使用 spring 启动应用程序作为我的后端，它是运行在端口 6060

我的包json的构建脚本如下

package.json

"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.conf.json",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}

当我使用 npm start 时，应用程序运行良好。所有后端请求都发送到 http://localhost:6060

然后我使用

构建生产版本

ng build --prod --proxy-config proxy.conf.json

并将生成的代码部署到 HTTP 服务器（apache 服务器）。然后我访问 http://localhost/ 应用程序统计信息。但是当我尝试发出请求时，这些请求指向 http://localhost/... 而不是 http://localhost:6060

我试图找到一些解决方案，但没有一个有效。请给我一些帮助。

谢谢

Answer 1

ng serve 的 --proxy-config 参数仅适用于 CLI 内置的开发 Web 服务器。它对其他部署目标没有影响，对您的生产构建没有任何影响。

您说您使用的是 apache，在这种情况下，您应该使用 ProxyPass 指令设置 Apache：Link to Apache mod_proxy documentation

通常对于要编辑的 Ubuntu Linux 服务器：

/etc/apache2/sites-enabled/000-default

并插入以下指令：

ProxyPass /path/to/backend http://localhost:6060/

然后 Apache 将转发（代理）您向 http://localhost/path/to/backend to http://localhost:6060

发出的请求

如何使用代理配置将 angular 2 应用程序部署到 HTTP 服务器

How to deploy angular 2 application to HTTP server with proxy-config

deployment

angular

angular5