1. 程式人生 > 實用技巧 >nginx 處理跨域問題(前端專案訪問後端介面報跨域問題)

nginx 處理跨域問題(前端專案訪問後端介面報跨域問題)

 location / {

                #  處理跨域問題 start
                  # 允許請求地址跨域 * 做為萬用字元
                  add_header 'Access-Control-Allow-Origin' '*';
                  # 設定請求方法跨域
                  add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
                  # 設定是否允許 cookie 傳輸
                  add_header 'Access-Control-Allow-Credentials' 'true';
                  # 設定請求頭 這裡為什麼不設定萬用字元 * 因為不支援
                  add_header 'Access-Control-Allow-Headers' 'token,Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token';
                  # 設定 options 請求處理
                  if ( $request_method = 'OPTIONS' ) { 
                        return 200;
                    }
                  # 處理跨域問題 end 
           

#下面略略略 }

重啟!完畢!