没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
2页
什么问题 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 a
资源详情
资源评论
资源推荐
配置配置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端口)
解决方法解决方法就是打开配置文件将端口修改为其他端口:
以下是我的配置:
{
"attempts": 5,
"autorun": false, // 是否在启动Sublime时自动启动SublimeServer
Cisco789
- 粉丝: 11
- 资源: 930
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于MFC的校园导航程序(使用最短路径dijkstra算法).rar
- Android Studio android APP 视频作为视图背景需要源代码或想了解其实现原理的可以私心我
- com.ZeroneGames.GreenProject.apk
- Python自动化开发入门教程
- 4399GameSem_116_13955_207551_6.apk
- python 3.9.19源码编译包
- php-8.2.18-Win32-vs16-x64.rar
- 字节跳动青训营-抖音项目
- SQL资料手册,语句教程,高级查询语句语法
- 上位机和串口建立 Modbus 协议进行数据传输,并使用 Mysql 数据库存储,能够实现实时温湿度显示和动态变化曲线,历史数据
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0