本文源鏈接地址：https://www.93bok.com

通常開發環境可以通過設置proxy解決跨域問題，而生產環境下要麽把前端項目放在後端項目裏，要麽設置cor解決跨域問題，前者不利於前後端分離，後者需要後端配置，而現在使用nginx做啟動服務設置反向代理可以很好解決跨域問題。

1、編輯nginx.conf配置文件，添加location匹配規則實現代理轉發

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index index.php index.html index.htm;
        }

        location /test {
                rewrite ^/test/(.*)$ /$1 break;
                proxy_pass https://www.93bok.com/;
        }
 

通過上面的設置，在重啟nginx服務，或者nginx容器之後，可以讓頁面中所有包含test字段的請求都轉為由服務器去向https://www.93bok.com/ 地址發送請求，從而巧妙的解決了瀏覽器的跨域問題

2、測試一下

我訪問本地的http://192.168.1.88/test 這個地址，看看能否轉到https://www.93bok.com

Nginx反向代理解決跨域問題