chrome浏览器解决跨域调试问题

女爷i 2022-04-24 14:42 813阅读 0赞

1、关闭chrome浏览器（全部）  
我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置，具体的启动参数说明参考这篇介绍。[https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches][https_code.google.com_p_xiaody_wiki_ChromiumCommandLineSwitches]

这里介绍的是–disable-web-security参数。这个参数可以降低chrome浏览器的安全性，禁用同源策略，利于开发人员本地调试。

2、找到桌面chrome浏览器图标，右键“属性” 如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70]

3、在目标最后添加 ：

–disable-web-security --user-data-dir　　  
前边有空格， 在 ‘–’ 前

“C:\\Program Files (x86)\\Google\\Chrome\\Application  
\\chrome.exe” --disable-web-security --user-data-dir

4、确定 ，重新打开浏览器，这时会出现：

![在这里插入图片描述][2019042617101042.png]

这时就可以跨域访问了，如果涉及到cookie传递那就继续往下看。。。。。。。

==============================================================================================================  
实际中，情况是多变的，比如服务器与前端 cookie传输

理论上：

$.ajax(\{  
headers: \{‘Cookie’ : document.cookie \},  
url: “[sub.domain.com][]”,  
success: function()\{\}  
\})  
通过修改请求头是可以传递cookie等信息的。但是w3c的标准写的很清楚，cookie,connection和content-length等是不安全的字段，  
容易导致多种的request smuggling攻击，不允许编程设置。这些字段浏览器会自动帮你设置，  
如果设置就会报出错误：“Refused to set unsafe header “Content-Length”。  
通过修改请求头是可以传递cookie等信息的。但是w3c的标准写的很清楚，cookie,connection和content-length等是不安全的字段，  
容易导致多种的request smuggling攻击，不允许编程设置。这些字段浏览器会自动帮你设置，  
如果设置就会报出错误：“Refused to set unsafe header “Content-Length”。

==================================================================================================

了解这些后，跨域的同时，如何把cookie传递过去那 ？

1、在本地找到

C:\\Windows\\System32\\drivers\\etc\\host 文件打开

![在这里插入图片描述][2019042617102983.png]

指定域名映射到本地，这个域名可以任意，后边子域名要跟实际一致。

在setcookie时，会set指定域名下，

document.cookie = “pn=miao-test;path=/;[domain=miao.cn][domain_miao.cn]”;

本地可以是apache 或是 nginx服务都可以，配置默认项目启动路径后，启动apache：

测试地址：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70 1]

转自 ：[https://www.cnblogs.com/congxueda/p/7053814.html][https_www.cnblogs.com_congxueda_p_7053814.html]  
注：我只试了第一个改法，uni-app暂时解决了本地跨域请求

[https_code.google.com_p_xiaody_wiki_ChromiumCommandLineSwitches]: https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70]: /images/20220214/3f546253a9614e988c2a84e3dc19b953.png
[2019042617101042.png]: /images/20220214/0154510ae7304695a0b42c1657514720.png
[sub.domain.com]: http://sub.domain.com
[2019042617102983.png]: /images/20220214/1cb0292f8eb140e9b507b2980dedfeb8.png
[domain_miao.cn]: http://domain=miao.cn
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70 1]: /images/20220214/2f603461b2ee46489ef5522b86e3c17e.png
[https_www.cnblogs.com_congxueda_p_7053814.html]: https://www.cnblogs.com/congxueda/p/7053814.html