摘要：跨域跨域產生原因協議名不一樣主機不一樣端口不一樣跨域有無問題請求會產生問題這是瀏覽器處理的結果通過統一資源定位獲取的圖片資源也是一種跨域但是不會產生問題處理跨域的方法只支持返回響應頭允許跨域開發中使用服務器代理例如一服務器端設置響

跨域產生原因:
a. 協議名不一樣

  b. 主機不一樣
  c. 端口不一樣

跨域有無問題:

  a. ajax請求會產生問題, 這是瀏覽器處理的結果
  b. 通過url(統一資源定位)獲取的圖片(資源)也是一種跨域,但是不會產生問題

處理跨域的方法

  jsonp    只支持get
  cors    返回響應頭,允許跨域
  prory  開發中使用服務器代理(例如: webpack-dev-server) 

服務器端:

response.setHeader("Acoss-Control-Allow-Origin", "*") // 設置響應頭,允許接收地址設置

不要設置為* ===> 允許所有請求地址通過

優缺點:

不需要前端設置, 后臺設置

不安全, 沒有http服務的服務器不支持

根據后臺的函數名, 設置全局的腳本函數, 設置接收數據的回調函數

發送標簽src的http請求, 不是異步ajax(http)請求a

jsonp配置

配置全局js

 // jsonp.js
function fn (data){
    console.log(data)
}

頁面發送請求