php解決跨域訪問

php跨域問題解決判斷

參考文章:
php跨域:https://blog.csdn.net/ouxiaoxian/article/details/89332027
預檢請求是什麼:https://www.jianshu.com/p/89a377c52b48
什麼時候會發送options請求:https://juejin.im/post/5cb3eedcf265da038f7734c4

1.什麼是跨域

跨域,指的是瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器施加的安全限制。

所謂同源是指,域名,協議,端口均相同,不明白沒關係,舉個例子:

http://www.123.com/index.html 調用 http://www.123.com/server.php (非跨域)

http://www.123.com/index.html 調用 http://www.456.com/server.php (主域名不同:123/456,跨域)

http://abc.123.com/index.html 調用 http://def.123.com/server.php (子域名不同:abc/def,跨域)

http://www.123.com:8080/index.html 調用 http://www.123.com:8081/server.php (端口不同:8080/8081,跨域)

http://www.123.com/index.html 調用 https://www.123.com/server.php (協議不同:http/https,跨域)

請注意:localhost和127.0.0.1雖然都指向本機,但也屬於跨域。

所以有了跨域問題,那怎麼解決跨域問題呢?
//在thinkphp中設置客跨域訪問
 if (config('app.environment') == 'local') {  // 如果是本地環境就允許跨域訪問 
            header('Access-Control-Allow-Origin: *');  
            //上面第一行說到的Access-Control-Allow-Origin有多種設置方法:
			//(1)設置*是最簡單粗暴的,但是服務器出於安全考慮,肯定不會這麼幹,而且,如果是*的話,遊覽器將不會發送cookies,即使你的XHR設置了withCredentials
			//(2) 指定域,如上圖中的http://172.20.0.206,一般的系統中間都有一個nginx,所以推薦這種,例如:'Access-Control-Allow-Origin:http://172.20.0.206'
			//(3)動態設置爲請求域,多人協作時,多個前端對接一個後臺,這樣很方便
			//withCredentials:表示XHR是否接收cookies和發送cookies,也就是說如果該值是false,響應頭的Set-Cookie,瀏覽器也不會理,並且即使有目標站點的cookies,瀏覽器也不會發送。
            
            header('Access-Control-Allow-Credentials: true'); //是否允許後續請求攜帶認證信息(cookies),該值只能是true,否則不返回
            
            //預檢請求(參考文章:http://www.php.cn/div-tutorial-378889.html) --- 一般不用設置
			//與簡單請求不同的是,option請求多了2個字段:
			//Access-Control-Request-Method:該次請求的請求方式
			//Access-Control-Request-Headers:該次請求的自定義請求頭字段
            //Access-Control-Max-Age 表明該響應的有效時間爲 86400 秒,也就是 24 小時。在有效時間內,瀏覽器無須爲同一請求再次發起預檢請求。請注意,瀏覽器自身維護了一個最大有效時間,如果該首部字段的值超過了最大有效時間,將不會生效
            //預檢結果緩存時間,也就是上面說到的緩存啦
            //'Access-Control-Max-Age: 86400'
          
            header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS'); //允許的請求類型
            
            header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"); // 允許的請求頭字段
        }

        if (Request::isOptions()) { // 判斷是否爲OPTIONS請求
            exit; //因爲預檢請求第一次是發送OPTIONS請求返回了響應頭的內容,但沒有返回響應實體response body內容。這個我們不處理業務邏輯,第二次接收的get或post等纔是實質的請求返回我們才處理
        }
 }     

在php訪問初始化判斷該php就如果是本地環境就可以實現跨域訪問了。

發佈了11 篇原創文章 · 獲贊 2 · 訪問量 5033
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章