chrome谷歌浏览器的跨域设置
做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。
版本号49之前的跨域设置
先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加--disable-web-security就可以了。
具体做法为：
1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。
2.在属性页面中的目标输入框里加上 --disable-web-security 如下图所示：
3.点击应用和确定后关闭属性页面，并打开chrome浏览器。如果浏览器出现提示你使用的是不受支持的命令标记 --disable-web-security，那么说明配置成功。
版本号49之后的chrome跨域设置
chrome的版本升到49之后，跨域设置比以前严格了，在打开命令上加--disable-web-security之后还需要给出新的用户个人信息的目录。众所周知chrome是需要用gmail地址登录的浏览器，登录后就会生成一个存储个人信息的目录，保存用户的收藏、历史记录等个人信息。49版本之后，如果设置chrome浏览器为支持跨域模式，需要指定出一个个人信息目录，而不能使用默认的目录，估计是chrome浏览器怕用户勿使用跨域模式泄露自己的个人信息（主要是cookie，很多网站的登录token信息都是保存在cookie里）。
具体做法为：
1.在电脑上新建一个目录，例如：C:\MyChromeDevUserData
2.在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData，--user-data-dir的值就是刚才新建的目录。
3.点击应用和确定后关闭属性页面，并打开chrome浏览器。
再次打开chrome，发现有--disable-web-security相关的提示，说明chrome又能正常跨域工作了。
跨域成功后，首页换成了google的welcome页面，同时原来收藏的链接和历史记录都不见了，而C:\MyChromeDevUserData目录下则生成了新的个人信息相关的文件。
绛旓細com锛岃繖鏍蜂娇鐢╰est1.jianshu.com鍜宼est2.jianshu.com灏辫兘璁块棶鍚屼竴涓煙鍚嶄簡銆備笅闈㈡槸Chrome娴忚鍣瀛樺偍鐨勪竴涓猚ookie淇℃伅 璁剧疆鐨勮繃绋嬶紝鏈嶅姟鍣ㄨ缃cookie鐨勬椂鍊欙紝闇瑕佹寚瀹歝ookie鐨刣omain锛屽綋domain涓庡綋鍓峢ost鐨勫尮閰嶄笉涓婄殑鏃跺欙紝responseHeader閲岀殑set-cookie涓嶄細璁剧疆鎴愬姛銆傝繖涔熷氨鏄痗ookie涓嶆敮鎸璺ㄥ煙闂銆
绛旓細Mac涓嬩簡chrome璋锋瓕娴忚鍣鍗存棤娉曡闂綉绔欑殑鍘熷洜锛1銆璺ㄥ煙璁块棶鍙楅樆 2銆佽繖涓綉绔欎笉鍚屽煙鍚嶄箣闂达紝鏈璁剧疆濂藉厑璁歌闂殑鐧藉悕鍗 3銆佺郴缁熸ц兘闂 鎷撳睍鐩稿叧瑙ｅ喅鏂规硶锛1銆佽法鍩熻闂彈闃诲彲浠ュ湪Chrome娴忚鍣ㄤ腑锛屾寜涓婩12锛岀偣鍑诲紑鍙戣呭伐鍏蜂腑鐨凜onsole锛岃繘鍏ユ帶鍒跺彴銆2銆侀潰鍚戞櫘閫氱綉绔欒闂呯敤鎴锋槸娌℃湁鍔炴硶瑙ｅ喅闂鐨勶紝鍙兘绛夊緟...
绛旓細Html5寮鍙戠殑杩囩▼褰撲腑锛岃鍦ㄤ竴涓枃浠跺綋涓幏鍙栨湰鍦扮殑json鏂囦欢锛屼絾鏄嚭鐜颁簡閿欒 Origin null is not allowed by Access-Control-Allow-Origin.杩欐槸璋锋瓕娴忚鍣涓轰簡瀹夊叏璧疯锛屼笉鍏佽璇ユ搷浣 浣嗘槸鎴戜滑鍙互 鍙抽敭璋锋瓕娴忚鍣--灞炴--鍦ㄧ洰鏍囦綅缃悗杈瑰姞涓--disable-web-security 鐒跺悗閲嶅惎灏辫浜 ...
绛旓細content-type'); //鍝嶅簲澶 璇锋寜鐓ц嚜宸遍渶姹傛坊鍔犮 2.绗簩閮 浜嗚ВIE chrome 绛娴忚鍣 瀵逛簬 璺ㄥ煙璇锋眰骞惰姹璁剧疆Headers鑷畾涔夊弬鏁扮殑鏃跺欑殑 "棰勮姹" 灏辨槸濡傛灉閬囧埌 璺ㄥ煙骞惰缃甴eaders鐨勮姹傦紝鎵鏈夎姹傞渶瑕佷袱姝ュ畬鎴愶紒 A 绗竴姝ワ細鍙戦侀璇锋眰 OPTIONS 璇锋眰銆傛鏃 鏈嶅姟鍣ㄧ闇瑕佸浜嶰PTIONS璇锋眰浣滃嚭...
绛旓細鑷繁鎼竴涓皬鍨嬫湇鍔″櫒灏卞彲浠ヤ簡銆傛垨鑰厀ebstorm鍜宐rackets閮芥湁鑷繁闆嗘垚鐨勫皬鍨嬫湇鍔″櫒锛岃兘瑙ｅ喅璺ㄥ煙闂銆傝繕鏈変竴绉嶆柟娉曪紝灏辨槸濡傛灉鏄chrome娴忚鍣ㄧ殑璇 杩欓噷鍔犱笂鈥--allow-file-access-from-files鈥濅篃鍙互瑙ｅ喅璺ㄥ煙闂
绛旓細鏀寔Preflight 璇锋眰鐨娴忚鍣鍖呮嫭 Firefox 3.5+銆丼afari 4+鍜 Chrome銆侷E 10 鍙婃洿鏃╃増鏈兘涓嶆敮鎸併 甯﹀嚟鎹殑璇锋眰 榛樿鎯呭喌涓,璺ㄦ簮璇锋眰涓嶆彁渚涘嚟鎹(cookie銆丠TTP 璁よ瘉鍙婂鎴风 SSL 璇佹槑绛)銆傞氳繃灏 withCredentials 灞炴璁剧疆涓 true,鍙互鎸囧畾鏌愪釜璇锋眰搴旇鍙戦佸嚟鎹傚鏋滄湇鍔″櫒鎺ュ彈甯﹀嚟鎹殑璇 姹,浼氱敤涓嬮潰鐨 HTTP ...
绛旓細瀛︿範鍓嶇涓婄殑涓浜涙柊涓滆タ锛屽父甯镐粠涓涓畝鍗曠殑 html 鏂囦欢寮濮嬶紝鐒跺悗閫氳繃 src銆乭ref 寮曞叆涓浜涜剼鏈垨璧勬簮鏉ユ煡鐪嬫晥鏋溿傛瘮濡傦紝鍦ㄤ竴涓 html 涓紩鍏 .less 鏂囦欢 锛屼娇鐢娴忚鍣棰勮锛岀粨鏋滃涓嬪浘鎵绀猴細鍘熷洜鍛紵娴忚鍣ㄥ憡璇夋垜璺ㄥ煙浜嗭紝骞朵笖绉帮細 CORS 绛栫暐 鍙敮鎸佽繖浜涘崗璁細http銆乨ata銆 chrome銆乧hrome-extension 浠ュ強...
绛旓細uniapp h5璺ㄥ煙鎶ラ敊 鍦chrome娴忚鍣杩愯鎶ラ敊 瑙ｅ喅鏂规1銆佸湪manifest.json鐨勬簮鐮佹坊鍔 淇敼uni.request 鍦╟hrome娴忚鍣ㄨ繍琛屼笉鍐嶆姤閿 娉ㄦ剰锛氫慨鏀筸anifest.json闇瑕侀噸鍚墠鑳界敓鏁 浠ヤ笂閰嶇疆涔熷彲浠ョ畝鍐欎负锛歮anifest.json uni.request
绛旓細濡傛灉鍏朵粬娴忚鍣ㄥ彲浠ワ紝鍙兘鏄洜涓篶hrome娴忚鍣ㄩ粯璁鐨勮法鍩闄愬埗銆傚彸閿chrome娴忚鍣ㄧ殑蹇嵎鏂瑰紡锛屽湪灞炴-銆嬪揩鎹锋柟寮-銆嬬洰鏍囬噷娣诲姞鈥 --disable-web-security鈥濓紝绂佺敤chrome鐨勫畨鍏ㄩ檺鍒讹紝鐒跺悗鍏抽棴鎵鏈夋祻瑙堝櫒绐楀彛锛屼娇鐢ㄨ繖涓揩鎹锋柟寮忛噸鏂板惎鍔╟hrome銆
绛旓細鏍规嵁鏌ヨit涔嬪寰楃煡锛屼互涓嬫槸涓浜涘父鐢鐨勮法鍩灞忚斀鍣ㄧ鐞嗚蒋浠讹細1銆丆ors-anywhere锛氭槸涓绉嶅紑婧愮殑銆佹棤闇閰嶇疆鐨凬ode.js鍙嶅悜浠ｇ悊锛屽彲浠ヨ交鏉捐В鍐矯ORS闂銆2銆丯ginx锛氭槸涓绉嶉珮鎬ц兘鐨刉eb鏈嶅姟鍣紝鍙敤浜庡湪鏈嶅姟鍣ㄤ笂璁剧疆CORS澶淬3銆Chrome娴忚鍣鎵╁睍绋嬪簭锛氫緥濡侰ORSUnblock銆丄llowCORS锛氳繖浜涙墿灞曠▼搴忓彲浠ュ湪娴忚鍣ㄤ腑涓存椂...
