【Nginx】跨域配置

https://www.cnblogs.com/yadongliang/p/14140029.html

说明：Linux中是配置 /usr/local/nginx/conf 路径下的 nginx.conf   （而不是nginx安装路径下的nginx.conf  区分哪个是生效的 可以直接看日志）

 

前提：

1、本地可正常运行（已解决本地跨域问题）

2、vue项目已打包（npm run build）

3、把打包后vue项目拷贝到nginx的html文件夹中

 

 

 4、nginx下conf文件夹中的nginx.conf文件新增如下内容（新增后重启nginx   命令：nginx.exe -s reload）

备注：nginx启动命令：start nginx.exe；nginx重启命令：nginx.exe -s reload

            proxy_pass  http://192.168.203.252;
            proxy_redirect     off;
            proxy_set_header   Host             $host;        # 传递域名
            proxy_set_header   X-Real-IP        $remote_addr; # 传递ip
            proxy_set_header   X-Scheme         $scheme;      # 传递协议
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;

 

 

 

 

 

 

 

 

 

本地运行（dev是这么配置的）

 

 部署之后 nginx需要同dev一样

        location /api {
                #rewrite ^/(.*)$ /$1 break;
                proxy_pass http://xxx.xxx.xxx.xxx:8283/api;
                proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header REMOTE_ADDR $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

        location /ip {
                #rewrite ^/(.*)$ /$1 break;
                proxy_pass http://pv.sohu.com/;
                #proxy_redirect off;
                #proxy_set_header Host $host;
                #proxy_set_header REMOTE_ADDR $remote_addr;
                #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

 

 

 

 

 

备注：