4 項目基礎架構

 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'

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章