在用vue做前端開(kāi)發(fā)的時(shí)候，因?yàn)橐话闩躹ue使用的webpack自帶的node服務(wù)，而我們實(shí)際要使用的數(shù)據(jù)確是后臺(tái)服務(wù)器上的，所以這就涉及到服務(wù)器請(qǐng)求跨域的問(wèn)題。本來(lái)在諸如axios之類的網(wǎng)絡(luò)請(qǐng)求參數(shù)里面配置

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的朔城網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

withCredentials: true,

就可以解決跨域問(wèn)題的，但是現(xiàn)在瀏覽器比如chorme有做了新的跨域限制，比如要服務(wù)器端配置允許跨域才行，詳見(jiàn)跨域問(wèn)題解決，是英文的，看起來(lái)需要花點(diǎn)功夫；那有沒(méi)有不需要服務(wù)器端配置就能解決瀏覽器的跨域問(wèn)題的辦法呢？答案肯定是有的！！

這里就說(shuō)chorme吧，因?yàn)閏horme基本都是前端主流瀏覽器了，配置方法如下：

版本號(hào)49之前的跨域設(shè)置

具體做法為：

1.下載并安裝好chorme瀏覽器后在桌面找到瀏覽器快捷圖標(biāo)并點(diǎn)擊鼠標(biāo)右鍵的屬性一欄。

2.在屬性頁(yè)面中的目標(biāo)輸入框里加上   --disable-web-security  如下圖所示：

3.點(diǎn)擊應(yīng)用和確定后關(guān)閉屬性頁(yè)面，并打開(kāi)chrome瀏覽器。如果瀏覽器出現(xiàn)提示“你使用的是不受支持的命令標(biāo)記 --disable-web-security”，那么說(shuō)明配置成功。

版本號(hào)49之后的chrome跨域設(shè)置

chrome的版本升到49之后，跨域設(shè)置比以前嚴(yán)格了，在打開(kāi)命令上加--disable-web-security之后還需要給出新的用戶個(gè)人信息的目錄。眾所周知chrome是需要用gmail地址登錄的瀏覽器，登錄后就會(huì)生成一個(gè)存儲(chǔ)個(gè)人信息的目錄，保存用戶的收藏、歷史記錄等個(gè)人信息。49版本之后，如果設(shè)置chrome瀏覽器為支持跨域模式，需要指定出一個(gè)個(gè)人信息目錄，而不能使用默認(rèn)的目錄，估計(jì)是chrome瀏覽器怕用戶勿使用跨域模式泄露自己的個(gè)人信息（主要是cookie，很多網(wǎng)站的登錄token信息都是保存在cookie里）。

具體做法為：

1.在電腦上新建一個(gè)目錄，例如：C:\MyChromeDevUserData

2.在屬性頁(yè)面中的目標(biāo)輸入框里加上   --disable-web-security --user-data-dir=C:\MyChromeDevUserData，--user-data-dir的值就是剛才新建的目錄。

3.點(diǎn)擊應(yīng)用和確定后關(guān)閉屬性頁(yè)面，并打開(kāi)chrome瀏覽器。

再次打開(kāi)chrome，發(fā)現(xiàn)有“--disable-web-security”相關(guān)的提示，說(shuō)明chrome又能正?？缬蚬ぷ髁?。

跨域成功后，首頁(yè)換成了google的welcome頁(yè)面，同時(shí)原來(lái)收藏的鏈接和歷史記錄都不見(jiàn)了，而C:\MyChromeDevUserData目錄下則生成了新的個(gè)人信息相關(guān)的文件。

這樣就解決了諸如

報(bào)錯(cuò)的問(wèn)題，一個(gè)坑給填滿了，后面還有很多坑需要去填，哈哈?。?！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。