谷歌浏览器跨域解决

转载：https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html

Chrome浏览器如何开启Ajax跨域访问调试？

听语音

• |
• 浏览：1153
• |
• 更新：2017-10-06 09:38
• |
• 标签：CHROME 浏览器 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

由于浏览器安全性限制，Ajax是不能跨域访问的，而我们在日常开发工作中，经常会出现本地开发环境需要访问其他服务器上的API情况，尤其在用html5开发APP的过程中，前后台完全分离，使用Ajax进行数据交互。本文说明如何让Chrome浏览器支持开发时的Ajax跨域访问。

方法/步骤

1. 升级Chrome到最新版本

   参考下面经验"如何离线安装Chrome最新版本或某一特定版本？"，将Chrome升级到最新版本。

   41如何离线安装Chrome最新版本或某一特定版本？
2. 运行跨域访问的测试程序

   会出现如下所示的错误：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

   
3. 创建一个调试用的Chrome快捷方式

   右键选择Chrome快捷方式，在弹出的右键菜单中选择"创建快捷方式"，重命名新建的快捷方式为Chrome-Debug。

   

   
4. 打开Chrome-Debug快捷方式属性

   右键选择Chrome-Debug快捷方式，右键菜单中选择"属性"，打开Chrome-Debug快捷方式属性设置对话框。

   
5. 增加启动参数

   在目标后面增加如下的启动参数：--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security ，点"确定"按钮保存设置。完整的目标内容如下所示：

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

   注：

   1. 每个--前面都有一个空格。

   2. disable-web-security需要搭配user-data-dir参数一起设置。

   
6. 打开Chrome-Debug

   因为启动参数中增加了--user-data-dir="c:\ChromeDebug"，表示Chrome会从c:\ChromeDebug中存取用户数据，因该目录可能为空，所以新打开的Chrome-Debug窗口是一个全新的Chrome，没有书签、历史、扩展程序等内容，需要再重新安装扩展程序。

   
7. 调试跨域访问

   再次打开之前出错的程序，就可以发现Ajax已经可以正常跨域访问了。