新版chrome瀏覽器設(shè)置允許跨域的實現(xiàn)

前言
目前前端解決跨域,主要是通過webpack的devServer來配置。但是有時候開發(fā)環(huán)境中沒有配置devServer,后端又沒有設(shè)置跨域。前后端分離項目,本地調(diào)試代碼的時候,經(jīng)常會遇到跨域問題。本文主要是對之前文章瀏覽器跨域訪問解決方案,做一個補充吧,因為這篇文章最后對chrome設(shè)置方式,目前設(shè)置不起作用了,更新文章,修正一下。
解決--disable-web-security 不起作用的方案
之前文章,提供了windows,mac,linux等設(shè)置--disable-web-security的方式,但是chrome新版本安全策略升級,這種打開方式或者之前的設(shè)置方式是無效的。那么如何解決呢?
一、設(shè)置跨域,在chrome快捷方式右鍵‘屬性’,‘快捷方式’,‘目標’ 路徑最后邊按一下空格,再添加以下代碼:
--args --disable-web-security --user-data-dir=D:\HaoroomsChromeUserData
或者
--disable-web-security --user-data-dir=D:\HaoroomsChromeUserData
D:\HaoroomsChromeUserData 是我自己隨便找了個文件夾,可以自己隨便配置,不這么寫的話,新版本瀏覽器可能出現(xiàn)設(shè)置不生效的問題
這個方式等于是用戶在自己電腦創(chuàng)建了一套chrome的私有化瀏覽器,里邊的設(shè)置配置等均為私有化設(shè)置。此時找到chrome安裝源目錄,打開chrome.exe,會發(fā)現(xiàn),在私有chrome配置的所有書簽,選項等,在這個chrome里都沒有。
備注:如果要刪掉D:\HaoroomsChromeUserData,一定要先做書簽、賬號密碼等的備份。一經(jīng)刪除,等于是把個人電腦里的私有chrome卸載了,數(shù)據(jù)都不會保留
二、設(shè)置成功以后再打開瀏覽器,會有提示:
“您使用的是不受支持的命令行標記: --disable-web-security,穩(wěn)定性和安全性會有所下降”
此時,正常用戶都可以進行跨域訪問了,比方本地的前端項目,直連測試或者線上環(huán)境的接口(前提是目標環(huán)境在當前瀏覽器登陸過,已經(jīng)存在當前賬號的cookies,session等信息)
三、有的用戶還是不能訪問,此時在console控制臺里會看到一段背景是黃顏色的字
'...Specify SameSite=None and Secure if the cookie should be sent in cross-site...'
此時瀏覽器還是限制了cookies的跨域訪問,所以部分人的電腦還是不能使用跨域,
解決方案:
地址欄輸入:
chrome://flags
再搜索:
SameSite by default cookies
找到‘SameSite by default cookies’以及‘Cookies without SameSite must be secure’,在后邊有個下拉框,這倆選項均選擇:‘disabled’,瀏覽器會提示紅字:‘警告:您所要使用的是實驗性功能!’
選擇忽略警告,此時瀏覽器是我們本地創(chuàng)建的D:\HaoroomsChromeUserData,點擊右下角的Relaunch按鈕,瀏覽器會自動重啟,并且保留所有當前已開頁面。
備注:聯(lián)調(diào)時使用這個模式,如果訪問其它購物等網(wǎng)站,建議還是使用chrome.exe安裝源目錄的chrome.exe,避免出現(xiàn)不必要的麻煩
其他系統(tǒng):
mac和linux一樣,原來命令行不起作用了,也是指定一個存放數(shù)據(jù)的文件夾來達到跨域效果。
其他解決方案
可以利用chrome插件的方式實現(xiàn)跨越臨時解決方案。
搜索chrome插件
Allow-Control-Allow-Origin: *
安裝好插件之后,看他們的文檔,設(shè)置一下要跨域訪問的地址。
到此這篇關(guān)于新版chrome瀏覽器設(shè)置允許跨域的實現(xiàn)的文章就介紹到這了,更多相關(guān)chrome允許跨域內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
- 這篇文章主要介紹了Chrome的最小字體12px限制最終解決辦法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一2020-10-21
css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
這篇文章主要介紹了css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼,需要的朋友可以參考下2020-03-20- 這篇文章主要給大家介紹了關(guān)于因Chrome 73導致flex布局崩壞的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面2019-04-09
- 一般的 CSS 代碼只會出現(xiàn) UI 版式或者兼容性方面的小問題。但這里我們要分享一行有趣的 CSS,它可以直接讓你的 Chrome 頁面掛掉,具體內(nèi)容詳情大家跟隨小編一起看看吧2018-10-11
- 這篇文章主要給大家介紹了chrome開發(fā)者工具-timeline的相關(guān)資料,文中介紹的非常詳細,對大家的學習或者工作具有一定的參考價值,需要的朋友們下面來一起學習學習吧。2017-04-27
- 本文給大家分享的是chrome瀏覽器中hack解決input:-webkit-autofill自定義樣式的方法,就是如何在chrome瀏覽器中將input的背景設(shè)置成透明,方法非常簡單,這里推薦給大家。2015-03-18
- 在表單中加入autocomplete="off"后,IE和FF不會提示保存密碼,但是用Chrome瀏覽器登錄系統(tǒng)時,會彈出自動保存密碼的提示,從安全的角度考慮,需要禁止瀏覽器的這個功能2014-09-04
Google Chrome瀏覽器無法顯示hover樣式的解決方法
鼠標移上去導航背景變別的顏色,可是在Google Chrome瀏覽器中,把鼠標移到導航上不顯示效果,背景無變化,下面是比較不錯的解決方法2014-09-04- 如何單獨為ie和chrome設(shè)置樣式,做瀏覽器兼容的朋友一定要知道的,下面是將經(jīng)驗與大家分享下2014-09-01
css的pointer鼠標類型詳解(支持IE,firefox,chrome)
我們在DIV CSS布局時候,我們會遇到對對象內(nèi)鼠標指針光標進行控制,比如鼠標經(jīng)過指針變?yōu)槭种感螤畹葮邮剑酉聛砦覀兘榻B鼠標指針樣式cursor控制2014-06-10