如何为生产中的网站设置代理设置

Question

const proxyConfig = [
  {
    context: '/web/api/webclients/**',
    target: 'https://10.109.102.109',
    changeOrigin: true,
    secure: false
  },
  {
    context: '/restful/**',
    target: 'https://10.109.110.190',
    changeOrigin: true,
    secure: false
  },
  {
    context: '/api/**',
    target: 'http://10.109.105.107',
    changeOrigin: true,
    secure: false
  }
];

proxy.conf.js在开发模式下按预期工作。

我在package.json文件中有这些文件用于启动和构建。

"build": "ng build --aot --prod",
"start": "ng serve --proxy-config proxy.conf.js -o",

在我运行“NPM run Build”并使用结果文件在IIS8上托管网站后，需要使用代理设置的页面就不工作了。

例如，我的请求https://localhost/web/api/webclients/authentication应该转到https://10.109.102.109/web/api/webclients/authentication

如果将此网站托管在Windows服务器上，如何在IIS中设置这些代理设置；如果将其托管在非Windows服务器上，如何设置这些代理设置？

Answer 1

我猜您现在已经得到了答案，但我还是要尝试回答这个问题，因为这是谷歌搜索“Angular proxy IIS”时的第一个结果。

proxy.conf.js文件仅在以开发模式为应用程序提供服务时使用。当构建用于生产时，开发服务器不包括在输出中（因此proxy.conf.js也不是输出的一部分）。对于生产，您需要再次配置web服务器(nginx、apache、IIS等）来代理这些路径。

对于IIS，您需要先安装ARR模块，然后才能为后端设置代理规则。请看这里获得如何正确设置它的详细教程。