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

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