配置Chrome支持本地（file协议）的AJAX请求（图文教程）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了配置Chrome支持本地（file协议）的AJAX请求（图文教程），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3235字，纯文字阅读大概需要5分钟。

内容图文

这篇文章主要为大家详细介绍了配置Chrome支持本地（file协议）的AJAX请求 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

什么问题

WEB开发过程中，很多时候我们都是写一些简单的Demo，并不是开发一个完整项目，此时我们常见的操作是：

?新建文件夹
?新建需要的文件
?在Sublime（或其他编辑器）中完成DEMO的编码
?双击HTML文件，直接在浏览器中运行演示

如果此时Demo中有AJAX操作，浏览器就会报一个错：

XMLHttpRequest cannot load file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

原因很简单，浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象，错误消息中也很清楚的说明了：

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

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

在某些浏览器中是允许这种操作的，比如Firefox浏览器，也就是说Filefox支持file协议下的AJAX请求。

解决办法

作为我个人最喜欢的Chrome，强大，没什么好说的，只有想不到，几乎没有做不到，所以必须也得支持：

Windows：

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

Mac：

?只能通过终端打开浏览器：打开终端，输入下面命令：open -a “Google Chrome” –args –disable-web-security然后就可以屏蔽安全访问了[ –args：此参数可有可无]

补充说明

长久来看，你肯定是需要通过HTTP的方式访问你的应用，那就需要配置HTTP服务器软件。但是对于一些刚入门的同学，配一个HTTP服务器（比如Apache、IIS等）比较繁琐，望而却步。

?对于使用IDE的同学没什么好说的，每个用于Web开发的IDE都内置http服务器，不用单独配置。
?对于喜欢轻量级编辑器的同学，比如Sublime Text，它默认是没有内置HTTP服务器的

接下来推荐一款Sublime的插件Sublime Server，这个插件可以提供一个静态文件HTTP服务器，具体使用方式如下：

?安装Package Control（Sublime的插件管理工具），不会安装自行Google
?Command+Shift+P或Ctrl+Shift+P打开命令面板，输入Package Control: Install Package
?稍等片刻（此时会连接到插件提供商的服务器，比较慢，有可能背墙），搜索SublimeServer
?安装完成过后通过Tool → SublimeServer → Start SublimeServer
?一定要用打开文件夹的方式使用Sublime，否则没有办法正常使用SublimeServer。
?打开HTML文件，在右键菜单中选择View in SublimeServer，此时就可以以HTTP方式在浏览器中访问该文件了，
?如果该选项是灰色的，那就说明没有启动SublimeServer，Tool → SublimeServer → Start SublimeServer

到此为止，你已经可以在Sublime中使用HTTP服务器了。

可能遇到的问题

如果Start SublimeServer不能点，可能是当前8080端口被占用了（SublimeServer默认使用8080端口）

解决方法就是打开配置文件将端口修改为其他端口：

以下是我的配置：

当然其他编辑器也有类似的插件。

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

AJAX分页效果简单实现（图文教程）

使用Ajax或Easyui等框架时的Json-lib的处理方案（图文教程）

Ajax实现列表无限加载和二级下拉选项效果

以上就是配置Chrome支持本地（file协议）的AJAX请求（图文教程）的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的配置Chrome支持本地（file协议）的AJAX请求（图文教程）全部内容，希望文章能够帮你解决配置Chrome支持本地（file协议）的AJAX请求（图文教程）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---