問題描述

我把vue打包傳到服務(wù)端后 放在 www 子域名所指定的目錄里。當我發(fā)起請求的時候要去請求 api 子域名所綁定的目錄。這一請求就造成了跨域提示

然后我在nginx 里也配置了也無解。

也就是我請求 www.daimatu.cn/api/login/index ajax post 請求 轉(zhuǎn)發(fā)到 api.daimatu.cn/api/login/index 去

我之前在 location / {} 和 location /api {} 里做了很多設(shè)置 都是網(wǎng)上百度來的，然后并沒有用~！

然后我在我本的把請求的地址改為線上的，本地請求也沒有問題！是通的能正常操作。我對比了下兩邊的請求頭發(fā)現(xiàn)不一樣！本地請求線上服務(wù)端 Request Method 是正常的GET POST 而我線上從 www 轉(zhuǎn)到請求 api 的 Request Method 變成了 OPTIONS 而不是正常的 GET POST 等請求頭 我也搜索找了設(shè)置 OPTIONS 怎么設(shè)置請求的時候跨域還是無法解決了！

如圖上所示 變成了 options 了

我想請教下大伙 你們是如何配置的。我后端語言是PHP 不要叫我去設(shè)置更改PHP。我本地請求本地服務(wù)和線上服務(wù)都是通的正常的，只有線上www 轉(zhuǎn)發(fā)請求 api 有問題。所以不用改程序。

Api 請求地址： http://api.daimatu.cn/api/log...Api 帳號： admin Api 密碼： 123456Api 驗證碼： 1234求大伙 NGINX服務(wù)器請求我這個API過來 看下你們的配置。我已經(jīng)折騰了半天也沒有成功！！

問題解答

在location中作如下配置

add_header ’Access-Control-Allow-Origin’ ’*’;add_header ’Access-Control-Allow-Credentials’ ’true’;add_header ’Access-Control-Allow-Methods’ ’GET, POST, OPTIONS’;

然后重啟nginx服務(wù)

service nginx reload