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

背景

运行一个html 文件, 报错如下:

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

原因何在? 这是因为ajax 跨域访问造成的。 那么,如何解决呢?

跨域解决方法

通过安装 node.js ,搭建一个简单的本地的 http web server。 在终端窗口的命令行中,执行 http-server 指令。 这样以来,就不必再创建server.js 文件了 。

  1. 下载,安装 node.js

https://nodejs.org 下载安装 node.js, 分为 Mac OS 、 Windows、Linux 版本。

  1. 通过 npm 指令,安装 http-server 模块(module)
    采用全局安装方式, 在终端窗口,执行命令:

npm install -g http-server

3, 启动 Web Server

通过命令行,进入到工程所在的路径:

cd \projects\angular-registration-login-example

通过以下指令启动 web server:

http-server

此时,在终端窗口,出现以下提示:

`C:\projects\angular-registration-login-example>http-server`
`Starting up http-server, serving ./`
`Available on:`
`[http://192.168.0.5:8080](http://192.168.0.5:8080/)`
`[http://127.0.0.1:8080](http://127.0.0.1:8080/)`
`Hit CTRL-C to stop the server`

访问本地web 站点

在 web server 启动后,可通过浏览器访问本地web站点。
打开浏览器,在地址栏中输入:

http://localhost:8080

如果要访问 index.html 文件, 只需:

http://localhost:8080/index.html

小结

解决 ajax 的跨域访问,一直是Web 开发的一个难题。如果去网上搜索解决方案的化,你会感觉难度非常之大。 殊不知,通过安装一个小小的 node.js , 这个看似复杂的难题,瞬间解决!


本文参考书: 《 全栈开发之道:MongoDB+Express+AngularJS+Node.js


更多全栈技术,请关注微信公众号: “全栈工程师的早读课”,每天早8:00 准时推送技术文章。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,350评论 19 139
  • 一、概念(载录于:http://www.cnblogs.com/EricaMIN1987_IT/p/3837436...
    yuantao123434阅读 8,693评论 6 152
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 34,149评论 18 399
  • 一. Java基础部分.................................................
    wy_sure阅读 3,967评论 0 11
  • 爱情是杯苦咖啡 词:卢木鸟 女人的心是海底的针 好似验钞机翻脸不认 女人心似盛开的花蕊 醉了四季迷住男人心 你在想...
    華狐发布阅读 142评论 0 0

友情链接更多精彩内容