Angular:如何设置代理以避免CORS错误

时间:2019-02-01 06:33:10

标签: angular nginx cors

在angular应用程序中,我以这种方式具有proxy.conf.json

{
  "/api/*": {
    "target": "http://10.127.152.161:8080",
    "secure": true,
    "changeOrigin": true
  },

  "/rest/*": {
    "target": "http://10.127.152.161:8080",
    "secure": true,
    "changeOrigin": true
  },

  "/auth/*": {
    "target": "http://10.127.152.161:8080",
    "secure": true,
    "changeOrigin": true
  }
}

由于处于开发模式,Angular应用程序在localhost:4200上运行,因此将目标设置为ipv4地址:8080会导致CORS标头问题。由于某些原因,我必须使用 http://10.127.152.161:8080不能用作localhost:8080或3000端口。我添加了 add_header'Access-Control-Allow-Origin''*'; nginx conf文件,但是没有运气。该如何解决?

1 个答案:

答案 0 :(得分:0)

"secure"属性设置为false

{
  "/api/*": {
    "target": "http://10.127.152.161:8080",
    "secure": false
},
...