4-1 跨域-CORS
前端跨域解決方案
跨域是瀏覽器爲了安全而作出的限制策略:防止其他人隨意篡改、抓取你的數據
瀏覽器請求必須遵循同源策略:同域名、同端口、同協議,其中一個不同,別人無法請求你的接口
- CORS跨域
- JSONP跨域
- 代理跨域
CORS跨域-由服務端設置,前端直接調用;後臺允許前端某個站點進行訪問
#安裝依賴 --save保存到配置文件 -dev保存到開發環境 package.json
npm i axios --save-dev
以Easy-Mock爲例,就是CORS跨域,任何網站都可以調用接口,或者指定只有某個域名的網站纔可以調用。
註冊Easy-Mock之後,會自動生成示例項目,用query接口進行測試。代碼中的url就是easy-mock中項目的url。
Access-Control-Allow-Credentials:true 允許跨域的時候,將前端的cookie傳過去。如果取不到userid或者cookieid的時候,需要設置這句話
4-2 跨域-JSONP
前後端適配,後臺配合;前後臺同時改造。
#安裝依賴
npm i jsonp --save-dev
import jsonp from 'jsonp'