跨域的方式

2021-08-20 20:27:48 字數 456 閱讀 5461

ajax因為安全原因不允許跨域,我們對跨域解決主要有三種

1.jsonp,利用js的標籤傳送請求,並且提前定義好乙個函式,在服務端也寫上這個函式,當服務端被解析到前端的時候,我們就可以解析出服務端的函式,從而實現呼叫。

我們通常使用jquery的方式,在ajax中新增乙個datatype=jsonp的屬性來實現跨域。

缺點,只支援get請求

優點,輕量化

2.nginx反向**的方式,修改配置檔案即可 ,但是這樣可能導致語義不清。

3.cors的方式,w3c的標準,

簡單請求,瀏覽器傳送請求,攜帶請求頭origin**的意思,伺服器響應請求頭,是一種瀏覽器和伺服器雙向確認的方式。

特殊請求,瀏覽器會先發起一次預檢請求,服務端會響應一次請求,如果預檢成功,瀏覽器會再次傳送一次請求。

缺點,會造成請求的增加

優點,支援各種請求,可以在服務端自定義規則。

js跨域 ajax跨域 跨域方式(前端)

跨域方式 cors 跨域資源共享 當使用xmlhttprequest傳送請求時,瀏覽器會自動加上乙個請求頭 origin,後端在接受到請求後確定響應後會在response headers中加入乙個屬性 access control allow origin,值就是發起請求的源位址 瀏覽器得到響應會進...

跨域的幾種方式

協議 埠號 網域名稱 都相同才是同乙個域 只要有乙個不同就算是跨域 主網域名稱相同,子網域名稱不同也算跨域 email.qq.com和zone.qq.com就屬於主域相同,子域不同,也算是跨域 需要注意的是 協議不同 eg https和http 或者埠號不同造成的跨域,前端是無法解決的 實際工作中,...

解決跨域的方式

jsonp 處理跨域的原理由於 script 標籤不受瀏覽器同源策略的影響,允許跨域引用資源。因此可以通過動態建立 script 標籤,然後利用 src 屬性進行跨域,這也就是 jsonp 跨域的基本原理。優點 缺點 示例 後端 expressconst express require expres...