近来在做自己的UI库的时候,遇到一个问题,浏览器发送的ajax请求本地文件,会报跨域错误。报错如下:
XMLHttpRequest cannot load file:///xxx
Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
解决方案如下:chrome添加启动参数:--allow-file-access-from-files ,这样本地ajax请求就不会报跨域错误了。注意每个启动参数“--”之前要有空格隔开。
做法:
找到谷歌浏览器启动程序exe,发送快捷方式到桌面,在桌面右击谷歌浏览器,选择属性,点击快捷方式选项卡,在目标字段后添加启动参数:--allow-file-access-from-files,修改完成后点击确定即可。重启浏览器就不会报错了。
具体操作如下图: