yii2 restful 401+nginx+axios跨域設置問題

AaronYuan 發(fā)布于2019-07-01 13:57 / 1034人閱讀

摘要：所以，雖然接口正確返回了，但是由于跨域限制取不到這個值。這個需要在中深層次跨域設置。第一個想到的就是在父級的中加入設置。找了半天，最后找到一個不是很完美的解決方案，就是在里邊加入了跨域的設置。因為開發(fā)原則是盡量不要動包。

1.一般的跨域get和post，通過設置nginx就可以解決。在nginx.conf的http中加入以下代碼即可

add_header Access-Control-Allow-Origin *;

add_header Access-Control-Allow-Headers X-Requested-With,Content-Type,x_requested_with;

add_header Access-Control-Allow-Methods HEAD,GET,POST,OPTIONS;

2.在上面的nginx跨域配置好的情況下。最近遇到一個問題，就是yii2 restful帶token請求，如果鑒權失敗返回401，axios獲取不到。找了半天發(fā)現(xiàn)是服務器端的問題。具體原理也不是很清楚，大體意思就是客戶端請求有幾個層次，鑒權的代碼比較靠前，并沒有用到nginx的跨域。所以，雖然接口正確返回了401，但是axios由于跨域限制取不到這個值。這個需要在yii2中深層次跨域設置。

3.第一個想到的就是在父級controller的behaviors中加入cors設置。這個是yii2自帶的一個配置。但是發(fā)現(xiàn)客戶端報錯，意思是不能有兩個相同的跨域域名。因為這樣yii2的跨域設置和nginx的跨域設置沖突了。

4.找了半天，最后找到一個不是很完美的解決方案，就是在yii/filters/auth/AuthMethod.php里邊加入了跨域的設置。因為實在沒有找到其他什么地方，可以在authenticatior失敗之前設置自定義header來跨域。

5.當然，我覺得這個方法爛透了。因為yii2開發(fā)原則是盡量不要動vendor包。不知道有沒有大神，能給我提供一個更好的方法。

GPU云服務器云服務器 nginx服務器跨域跨域問題 cdn跨域問題 javascript跨域問題

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/31687.html

使用 vue + thinkjs 開發(fā)博客程序記錄

摘要：一入冬懶癌發(fā)作，給自己找點事干。之前博客程序寫過幾次，的寫過兩次，用寫過，隨著版本從升級到之前的博客程序也做過升級。這里主要記錄一下開發(fā)過程中遇到的問題和解決方法。后端使用守護進程即可。一入冬懶癌發(fā)作，給自己找點事干。之前博客程序寫過幾次，php 的寫過兩次，nodejs 用 ThinkJS 寫過，隨著 ThinkJS 版本從1.x 升級到 2.x 之前的博客程序也做過升級。但是因為...

Mike617 2019-08-01 18:18 評論0 收藏0
Yii支持多域名cors原理

摘要：說明測試使用的接口域名，多域名為和。設置多域名嘗試直接通過的模塊追加值實現(xiàn)，如下接口請求和響應頭如下當前域為，需跨域請求的資源。故通過該方法不能設置多域名進行。首發(fā)于樊浩柏科學院平常我們遇到跨域問題時，常使用 cors（Cross-origin resource sharin）方式解決。不知你是否注意到，在設置響應頭 Access-Control-Allow-Origin 域的...

Darkgel 2019-07-01 11:02 評論0 收藏0
《從零構建前后分離的web項目》實戰(zhàn) - 欲善其事必先利其器繼續(xù)打磨前端架構

摘要：工欲善其事必先利其器繼續(xù)打磨前端架構抱歉生病拖更了，快樂本文永久更新地址填坑上回還真的有同學提到了這個問題，感謝細心的你。既實現(xiàn)了攔截又實現(xiàn)了狀態(tài)的共享。愉快的拿到了數(shù)據(jù)這樣，前后分離的項目可以這樣借助測試接口，不需要騷擾任何人。工欲善其事必先利其器 - 繼續(xù)打磨前端架構抱歉生病拖更了，1024快樂本文永久更新地址填坑上回還真的有同學提到了這個問題，感謝細心的你。@_noob...

Mike617 2019-08-23 12:30 評論0 收藏0
Spring Boot + Vue 前后端分離開發(fā)，前端網(wǎng)絡請求封裝與配置

摘要：今天松哥就帶大家來看看的使用。此時啟動前端項目，就可以順利發(fā)送網(wǎng)絡請求了。松哥將自己封裝的網(wǎng)絡請求庫已經(jīng)放在上，歡迎大家參考。前端網(wǎng)絡訪問，主流方案就是 Ajax，Vue 也不例外，在 Vue2.0 之前，網(wǎng)絡訪問較多的采用 vue-resources，Vue2.0 之后，官方不再建議使用 vue-resources ，這個項目本身也停止維護，目前建議使用的方案是 axios。今天松哥就帶大...

Ku_Andrew 2019-05-23 11:48 評論0 收藏0
Yii2.0 RESTful API 基礎配置教程

這篇說下yii2.0開發(fā) API 吧，使用 RESTful API模式安裝Yii2.0 通過 Composer 安裝這是安裝Yii2.0的首選方法。如果你還沒有安裝 Composer，你可以按照這里的說明進行安裝。安裝完 Composer，運行下面的命令來安裝 Composer Asset 插件: php composer.phar global require fxp/composer-a...

fyber 2019-07-01 12:30 評論0 收藏0