【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;
        }

 

 

 

 

 

備注：