跨域 - jsonp輕鬆搞定跨域請求

標籤：16px   call   報錯   .json   事先   標籤   span   ios   end   

1.jsonp輕鬆搞定跨域請求
vue中使用axios，遇到跨域我就蒙逼了。第一次真正意義上的嘗試使用jsonp
js中用

var myscript = document.createElement(‘script‘);myscript.src = ‘介面地址?callback=handleFun‘;  //callback一定要有，否則報錯。// 然後將這個script標籤嵌入頁面，document.body.appendChild(myscript);

然後頁面中，事先準備一段函數代碼，這個函數正是jsonp定義的callback回呼函數。

function handleFun(response){   console.log(response);　// 接下來根據業務需要，就像處理返回的介面資料一樣處理response}

 

jsonp優缺點：　　

優點：沒有跨域問題，沒有介面請求問題。
缺點：
　　1. 不安全，可能被惡意在script裡邊塞入攻擊代碼
　　2. 不可控，沒辦法監聽介面資料是否響應成功並返回。

 

 

其他跨域解決方案持續更新中...

2018-08-23  14:31:00

跨域 - jsonp輕鬆搞定跨域請求