Chrome浏览器HTML支持本地（file协议）的AJAX请求

最新推荐文章于 2025-07-14 14:27:49 发布

程序新视界

最新推荐文章于 2025-07-14 14:27:49 发布

阅读量8.7k

点赞数 9

CC 4.0 BY-SA版权

分类专栏：其他文章标签： mac Chrome ajax 跨域 file协议

本文链接：https://blog.youkuaiyun.com/wo541075754/article/details/88779288

其他专栏收录该内容

77 篇文章

订阅专栏

本文介绍了解决在使用file协议时遇到的跨域问题的方法，包括在不同操作系统下的Chrome浏览器配置，以及通过安装特定插件来实现跨域访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

在运行html demo页面时，当demo页面中使用file来引入js（jQuery）来进行ajax请求资源时，会出现如下错误：

Access to XMLHttpRequest at 'file:///Users/zzs/develop/softs/dwz/dwz_jui/dwz.frag.xml?_=1553419402393' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

原因很简单，浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象。尝试了一下Firefox浏览器，没有发现此问题。

跨域请求仅支持协议：http, data, chrome, chrome-extension, https, chrome-extension-resource

解决方法

设置Chrome浏览器，让其支持file协议的方案。

Windows下：
设置Chrome的快捷方式属性，在“目标”后面加上–allow-file-access-from-files，注意前面有个空格，重新打开Chrome即可。

Mac下：
1、创建MyChromeDevUserData文件夹，用来保存关闭安全策略后的用户信息的，名字可以随意取，位置也可以随意放。

在这里插入图片描述
2、关闭安全策略代码

打开命令行窗口，执行如下命令。注意，此处需要修改对应路径。

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/LeoLee/Documents/MyChromeDevUserData

在这里插入图片描述
回车之后，Chrome会弹出如下窗口：

重新打开浏览器，即可正常访问：
在这里插入图片描述

chrome插件解决

在插件商城搜索，获得如下插件：

具体使用方法参考，插件的相关操作描述。
在这里插入图片描述

程序新视界
关注程序员的职场生涯，大量优质学习资源

csdn-微信公众号