网络编程 
首页 > 网络编程 > 浏览文章

配置Chrome支持本地(file协议)的AJAX请求

(编辑:jimmy 日期: 2024/11/15 浏览:3 次 )

什么问题 

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

 "color: #800000">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:

"color: #800000"> Mac:

"htmlcode">

{
  "attempts": 5,
  "autorun": false, // 是否在启动Sublime时自动启动SublimeServer
  "defaultExtension": ".html",
  "interval": 500,
  "mimetypes":
  {
    "": "application/octet-stream",
    ".c": "text/plain",
    ".h": "text/plain",
    ".py": "text/plain"
  },
  "port": 2016 // 端口号
} 

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:解决浏览器记住ajax请求并能前进和后退问题
下一篇:django ajax提交评论并自动刷新功能的实现代码