前言

目前前端解決跨域，主要是通過(guò)webpack的devServer來(lái)配置。但是有時(shí)候開(kāi)發(fā)環(huán)境中沒(méi)有配置devServer，后端又沒(méi)有設(shè)置跨域。前后端分離項(xiàng)目，本地調(diào)試代碼的時(shí)候，經(jīng)常會(huì)遇到跨域問(wèn)題。本文主要是對(duì)之前文章瀏覽器跨域訪問(wèn)解決方案，做一個(gè)補(bǔ)充吧，因?yàn)檫@篇文章最后對(duì)chrome設(shè)置方式，目前設(shè)置不起作用了，更新文章，修正一下。

解決--disable-web-security 不起作用的方案

之前文章，提供了windows，mac，linux等設(shè)置--disable-web-security的方式，但是chrome新版本安全策略升級(jí)，這種打開(kāi)方式或者之前的設(shè)置方式是無(wú)效的。那么如何解決呢？

一、設(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ě)的話，新版本瀏覽器可能出現(xiàn)設(shè)置不生效的問(wèn)題

這個(gè)方式等于是用戶在自己電腦創(chuàng)建了一套chrome的私有化瀏覽器，里邊的設(shè)置配置等均為私有化設(shè)置。此時(shí)找到chrome安裝源目錄，打開(kāi)chrome.exe，會(huì)發(fā)現(xiàn)，在私有chrome配置的所有書(shū)簽，選項(xiàng)等，在這個(gè)chrome里都沒(méi)有。

備注：如果要?jiǎng)h掉D:\HaoroomsChromeUserData，一定要先做書(shū)簽、賬號(hào)密碼等的備份。一經(jīng)刪除，等于是把個(gè)人電腦里的私有chrome卸載了，數(shù)據(jù)都不會(huì)保留

二、設(shè)置成功以后再打開(kāi)瀏覽器，會(huì)有提示：

“您使用的是不受支持的命令行標(biāo)記： --disable-web-security，穩(wěn)定性和安全性會(huì)有所下降”

此時(shí)，正常用戶都可以進(jìn)行跨域訪問(wèn)了，比方本地的前端項(xiàng)目，直連測(cè)試或者線上環(huán)境的接口（前提是目標(biāo)環(huán)境在當(dāng)前瀏覽器登陸過(guò)，已經(jīng)存在當(dāng)前賬號(hào)的cookies，session等信息）

三、有的用戶還是不能訪問(wèn)，此時(shí)在console控制臺(tái)里會(huì)看到一段背景是黃顏色的字

'...Specify SameSite=None and Secure if the cookie should be sent in cross-site...'

此時(shí)瀏覽器還是限制了cookies的跨域訪問(wèn)，所以部分人的電腦還是不能使用跨域，

解決方案:

地址欄輸入：

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)前已開(kāi)頁(yè)面。

備注：聯(lián)調(diào)時(shí)使用這個(gè)模式，如果訪問(wèn)其它購(gòu)物等網(wǎng)站，建議還是使用chrome.exe安裝源目錄的chrome.exe，避免出現(xiàn)不必要的麻煩

其他系統(tǒng)：

mac和linux一樣，原來(lái)命令行不起作用了，也是指定一個(gè)存放數(shù)據(jù)的文件夾來(lái)達(dá)到跨域效果。

其他解決方案

可以利用chrome插件的方式實(shí)現(xiàn)跨越臨時(shí)解決方案。

搜索chrome插件

Allow-Control-Allow-Origin: *

安裝好插件之后，看他們的文檔，設(shè)置一下要跨域訪問(wèn)的地址。

到此這篇關(guān)于新版chrome瀏覽器設(shè)置允許跨域的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)chrome允許跨域內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論