node.js - Angular 通用代理

Question

我正在参与使用 Angular Universal 制作的项目。

为了 SEO，我需要将 blog.mywebsite.com 更改为 mywebsite.com/blog，我在 ng start 中使用了 proxy-config ，就像下面的代码一样，它工作正常，但当我运行 build:ssr

时它不起作用

构建的项目没有错误，在使用node dist/server.js运行后显示网站，但我调用mywebsite.com/mag我重定向到404页面，而npm start

没有问题

  "scripts": {
   "ng": "ng",
   "build": "ng build --prod",
   "start": "ng serve -o  --proxy-config src/proxy.conf.json ",
   "extract": "ng xi18n --output-path=locale",
   "build:ssr": "npm run build:client-and-server-bundles  && npm run 
    webpack:server ",
   "serve:ssr": "node dist/server.js",
   "build:client-and-server-bundles": "ng build --prod && ng run 
     angular.io-example:server",
  "webpack:server": "webpack --config webpack.server.config.js --devServer -- 
   progress --colors"
  }, 

这是我的配置代理文件:

  {
    "/mag": {
      "target": {
      "host": "mag.mywebsite.com",
      "protocol": "http:",
      "port": 80
     },
     "secure": false,
     "changeOrigin": true,
     "logLevel": "info",
     "pathRewrite": {"^/mag" : ""}
  }
}

Answer 1

已接受的答案已被弃用，since angular 12我们可以像往常一样使用 --proxy-config 标志:D