【Nginx】第十二節 配置跨域訪問

author：咔咔

wechat：fangkangfk

 

先看一下哪些都屬於跨域

 

跨域：這個意思就是在A域名下的業務，須要請求到B域名的代碼，這就這簡單的跨域

 

在正常的業務中，很難避免跨域，因此咱們就須要使用nginx配置一下

 

location / {  
  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
  add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
}

 

1. Access-Control-Allow-Origin
服務器默認是不被容許跨域的。給Nginx服務器配置Access-Control-Allow-Origin *後，表示服務器能夠接受全部的請求源（Origin）,即接受全部跨域的請求。

2. Access-Control-Allow-Headers 是爲了防止出現如下錯誤：
Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

這個錯誤表示當前請求Content-Type的值不被支持。實際上是咱們發起了」application/json」的類型請求致使的。這裏涉及到一個概念：預檢請求（preflight request）,請看下面」預檢請求」的介紹。

3. Access-Control-Allow-Methods 是爲了防止出現如下錯誤：
Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

發送」預檢請求」時，須要用到方法 OPTIONS ,因此服務器須要容許該方法。