Angular项目配置跨域以及遇到的问题

在项目中难免会遇到跨域的问题，vue项目中可以配置跨域文件，angular项目中也可以。下面就是我做angular项目配置的跨域步骤以及遇到的问题：
1：在项目根目录下创建文件proxy.config.json

{
  "/hy": {
    "target": "", //要指向的域名或端口号
    "changeOrigin": true,
    "logLevel": "debug",
    "secure": false,
    "pathRewrite": {
      "^/hy": ""
    }
  }
}

2：修改angular.json的配置文件

{
      "projects": {
        "my-app": {
          "architect": {
            "serve": {
                 "builder": "@angular-devkit/build-angular:dev-server",
                 "options": {
                     "browserTarget": "my-app:build",
                    "proxyConfig": "proxy.config.json"
                 },
           }
          }
        }
      }
    }
}

3:注意在配置proxy.config.json的时候，配置代理前缀千万别用/，要用服务地址的前缀，否则页面一刷新就会报500且页面不会显示，切记！！！