使用Nginx反向代理解决http和https跨域问题

 今天在做程序的时候，修改了一下源码，使用自己的服务端进行登陆，注意：这里是使用http域名访问https域名。1、下载源码，配置了pro的域名，pro.facai0.com 没有开启https，具体配置如下：
 

    server {
        server_name  pro.facai0.com;

        location / {
            proxy_pass http://127.0.0.1:8182;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
        }

    }

注：以上使用Nginx反向代理了内部地址 8182 端口。

2、输入用户名进行提交的时候发现是跨域问题。

参考：jquery - Error :Request header field Content-Type is not allowed by Access-Control-Allow-Headers - Stack Overflow

修改nginx配置文件头部，添加以下内容：

add_header 'Access-Control-Allow-Origin' 'http://pro.facai0.com';
add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept';

重启Nginx服务

sudo systemctl restart openresty.service

再次登录，问题解决了。