开发过程中ajax设置跨域访问

静态页面开发过程中,往往需要直接调试页面效果,页面中可能会存在ajax访问,正常情况下如果静态文件已经部署到服务器了,那么如果是同源的情况下,那么就不会产生跨域的问题

但是如果我们直接用浏览器打开静态文件,此时ajax的访问就会出现跨域的问题

这个时候,我们可以设置浏览器的安全属性,让其可以能跨域访问我们的ajax请求

1.创建一个调试用的Chrome快捷方式,右键选择Chrome快捷方式,在弹出的右键菜单中选择"创建快捷方式",重命名新建的快捷方式为Chrome-Debug。

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

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

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

4.重启谷歌浏览器

好了,此时再打开静态文件,发现ajax不会出现跨域的问题了

相关推荐