跨域的chrome解決方式

2021-08-20 23:10:17 字數 845 閱讀 7489

跨域,是前端人員經常都會遇見的。但是,如果缺少了後端人員的配合,以及你對nginx一竅不通,又不能夠用jsonp來操作後端人員的json資料,這個時候你就頭痛了。放心,本文試著用兩者在瀏覽器端暴力跨界,允許你在chrome上跨域的方式(別跟我說想要在ie上跨域,在我眼中ie就是半成品,開發環境可以先拋棄ie這個另類,先快速開發大致的功能,然後再去相容吧!)。

方式一:chrome的設定上跨域。

這裡用windows7作業系統進行操作流程的複製:

1、關閉開啟的所有的chrome瀏覽器(先好好檢查一下,因為等下要改變的是chrome的配置,如果沒有關閉,那麼很可能就不會成功);

2、建立chrome的快捷方式,然後對快捷方式進行修改。修改快捷方式的目標為:

3、雙擊我們建立的chrome快捷方式,開啟chrome,如圖出現「您使用的是不受支援的命令列標記:--disable-web-security。穩定性和安全性會有所下降」,表示你取消了跨域限制了,可以隨意跨域呼叫資料了。

方式二:利用chrome的外掛程式。

這兩種方式都是在接受端進行繞行跨域,原理都是一樣的通過access-control-allow-origin * 來表示對所有**都不設防,都可以可以信任。

解決chrome阻止跨域方式

以jsonp形式跨域請求資料的時候,使用chrome除錯 會有警告,而且拿不到跨域請求的資料,報錯資訊是 cross origin read blocking corb blocked cross origin response with mime type text html.see for mo...

跨域解決方式

跨域出現的場景 1.前後端分離專案開發 2.前端真的是想去請求其它ip port下的api介面 跨域 只有web前端會出現的情況,瀏覽器的保護機制。請求的ip 埠和當前在訪問的 不同,就會產生跨域。跨域的出現 跨域的執行機制 前端訪問跨域 介面,會自動傳送乙個options請求,之後在跟隨乙個自己的...

解決跨域的方式

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