nginx 解决 cookie 携带和跨域问题

nginx 解决 cookie 携带和跨域问题 问题描述

后端已经设置 了 Access-Control-Allow-Origin: *

但是又需要 cookie ，在前端axios设置完 withCredentials: true 之后，又报错 Access-Control-Allow-Origin 不能为 *

解决思路

动态代理后手动把后端的 Access-Control-Allow-Origin 改为 localhost:3000 (本地服务启动地址)

使用插件 headers-more-nginx-module （尝试过原生功能，无法修改，只能添加 响应头）

解决方式

Nginx 安装以及插件安装(源码编译，这里可以优化)

yum -y install pcre-devel openssl openssl-devel

cd /opt // 安装到opt目录
wget http://nginx.org/download/nginx-1.13.6.tar.gz
tar -xzvf nginx-1.13.6.tar.gz
cd nginx-1.13.6/
wget https://github.com/openresty/headers-more-nginx-module/archive/v0.33.tar.gz
tar -xzvf v0.33.tar.gz
./configure --prefix=/opt/nginx --add-module=/opt/nginx-1.13.6/headers-more-nginx-module-0.33 --with-http_ssl_module --with-http_stub_status_module
make
# 这里会报两个没有log文件的错误，创建一下就行了

nginx 动态代理配置

server {
        listen 82;

        location / {
            add_header Access-Control-Allow-Credentials true;
            more_set_headers 'Access-Control-Allow-Origin: http://localhost:3000';
            
            proxy_pass http://a.b.com; # 动态代理的后端的地址
    }