跨域幾種常見方案

2021-07-23 04:40:46 字數 877 閱讀 1054

一:jsonp

客戶端:

伺服器端:

echo $_request['callback']."(".json_encode(array("res"=>"1111","msg"=>"請求成功")).")";
二:jquery

客戶端:

服務端:

echo  $_request['callback']."(".json_encode(array("res"=>"1111","msg"=>"請求成功")).")";
標註:測試中發現如果是post請求,則會自動轉為get,解決方法如下:

客戶端:      加上屬性crossdomain:true,   屬性datatype:"jsonp",修改為datatype:"json",

伺服器端:   增加:header('access-control-allow-origin: *');

header('access-control-allow-origin: *');

echo json_encode(array("res"=>"1111","msg"=>"請求成功"));

注:如果不新增header('access-control-allow-origin: *');  也是可以提交成功的,但是不能返回資料

三:**

原理:提交資料到**伺服器,**來curl模擬請求訪問跨域的請求,然後返回資料

四:iframe

網上方式很詳盡,此處略去1000字

跨域的幾種解決方案

這個可能是好多人想到的第一解決方案了但是其實這個也有侷限性 具體實現 伺服器端 echo handler json encode array a b 簡單輸出handler 客戶端 一 動態載入script標籤方式 function setscript setscript 動態載入script 處理...

vue跨域解決的幾種方案

平時使用vue開發的時候,大多會使用vue cli搭建專案,在vue cli搭建的專案中有乙個配置檔案vue.config.js,可以在該檔案中進行相應的配置解決開發環境的跨域問題。第一步設定公共url api index.js import axios from axios import rout...

前端常見跨域解決方案

前端常見跨域解決方案 全 跨域問題 平時被問到最多的問題還是關於跨域的,其實跨域問題真的不是乙個很難解決的問題。這裡我來簡單總結一下我推薦的幾種跨域解決方案。我最推薦的也是我工作中在使用的方式就是 cors 全稱為 cross origin resource sharing 跨域資源共享 這種方案對...