Nginx轉發地址解決跨域問題

時間 2019-12-11

標籤 nginx 轉發地址解決問題欄目 Nginx 简体版

原文原文鏈接

什麼是跨域問題

在一個服務器A裏放置了json文件，另外一個服務器B想向A發送ajax請求，獲取此文件，會發生錯誤。html

Chrome提示：linux

XMLHttpRequest cannot load ******. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

這就是跨域問題。解決方案有很多，比較好的是服務器端配置CORS，但要求服務器端作更改。若是在不須要更改服務器端的狀況下解決呢？尤爲是須要在本地測試的時候。nginx

配置Nginx

打開nginx目錄下的conf文件夾。打開nginx.conf，將其中的http請求修改成：ajax

http {
    include mime.types;
    server {
        listen       80;
        server_name  localhost;
        charset UTF-8;

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

        # Avoid CORS and reverse proxy settings
        location /api/ { # [2]
            proxy_http_version 1.1;
            proxy_pass http://www.des.com/; # [3]

            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Methods "POST, GET, OPTIONS";
            add_header Access-Control-Allow-Headers "Origin, Authorization, Accept";
            add_header Access-Control-Allow-Credentials true;
        }
    }
}