前言

目前前端解決跨域，主要是通過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)文章，希望大家以后多多支持腳本之家！

最新評論