您现在的位置是:首页 > 文章详情文章详情

chrome本地调试跨域问题

会飞的猪 2019-12-11 514人已围观

简介白码驿站是一个面向开发者的知识共享社区,专注于为开发者打造一个纯净的技术交流社区(源码下载,免费在线图片压缩,jquery插件,插件下载,JS/CSS在线压缩。)-白码驿站

        在开发中经常遇到前后端分离的项目, 调试起来经常涉及到跨域的问题, 这个是比较头疼的。我们先来了解一下跨域的概念,跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域

详细解释如下图:

chrome本地调试跨域问题


如何解决本地调试跨域问题:

1、关闭chrome浏览器(全部)

我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置,具体的启动参数说明参考这篇介绍。https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches


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

2、找到桌面chrome浏览器图标,右键“属性” 

3、在目标最后添加 : 

                                        
--disable-web-security --user-data-dir
                                

前边有空格, 在 '--' 前

例如我本地的设置路径:

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

4、确定 ,重新打开浏览器,会有提示信息:"使用的时不受支持的命令行标记,稳定性和安全性会有所下降"

这里需要注意的是,每次只有通过修改了目标路径的快捷方式打开chrome才能跨域访问,如果是从其他途径打开的依旧无法跨域。


Tags: 跨域

很赞哦! (0)

评 论

系统处理中...