ssl - 如何在 nginx 中设置 websocket 代理和 cors？

Question

我已经在nginx中设置了代理，在tomcat中设置了一个web socket服务器

如果，我用 http://MY_URL/api/ws/data 发出请求，端口应从 80 更改为 8060另外，那些最终必须是 https

/etc/nginx/conf.d/default.conf(我正在使用 default.conf)

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        add_header Access-Control-Allow-Origin *;
        root /usr/share/nginx/html;
        try_files $uri $uri/ /index.html;
    }

location /api/ {
  proxy_pass              http://localhost:8080;
    }

    # redirect server error pages to the static page /50x.html
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

location /api/ws/data/ {
        add_header Access-Control-Allow-Origin *;
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-NginX-Proxy true;
        proxy_set_header X-Forwarded-Proto $scheme;

        proxy_pass http://localhost:8060;
        proxy_redirect off;
        proxy_read_timeout 86400;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }
}

当，我在本地服务器发起请求

加载失败 http://MY_URL/api/ws/data/info?t=1525237291534 : 重定向自 ' http://MY_URL/api/ws/data/info?t=1525237291534 ' 到 ' https://MY_URL/api/ws/data/info?t=1525237291534 ' 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:3000 ' 因此不允许访问。

如何在nginx中设置websocket代理和cors？

++++

在这个 chrome 执行 --disable-web-security 命令后，

错误请求

主机和端口的这种组合需要 TLS。

什么意思呢？以及如何解决这个问题？

Answer 1

要解决 CORS 问题，请尝试使用 more_set_headers 而不是 add_header:

more_set_headers 'Access-Control-Allow-Origin:*';
more_set_headers 'Access-Control-Allow-Methods: GET,POST,OPTIONS';
more_set_headers 'Access-Control-Allow-Credentials:true';
more_set_headers 'Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

more_set_headers 指令是 HttpHeadersMore 的一部分nginx-extras flavor 中包含的模块的 nginx，你可以通过执行以下操作在 ubuntu 16 上安装它:

sudo apt-get install nginx-extras