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

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

分析：由错误信息可知是因为浏览器不支持跨域导致的，但由图能看出我是在本地直接打开页面，没有相应的后台服务器；由地址栏能看出这是采用的file协议，而我的JS代码中需要访问某个地址，而浏览器不支持file协议访问应用。所以解决这个问题有两个方法，一是提供后台服务器，二是使浏览器支持file协议访问。

方案一：提供静态服务器

其实我们在本地开发一个简单的web项目，不一定需要自己搭建服务器，仅需要提供一个静态服务器即可。
因为本人用Sublime Text作为你的编辑器，所以需要找一个插件来完成前端的联调测试，那就是Sublime Text的服务器插件：SublimeServer。使用了该插件后，你不在需要单独的启动Tomcat或者Apache这样的重型服务器，就可以完成HTML和Javascript在服务器的联调。

• 打开Package Control
  

• 输入Install Package打开插件安装命令
  

• 输入Sublime Server，回车直接安装即可
  
  出现如图所示内容，说明安装成功。但是不要急于启动，先继续操作下一步。

• 在启动之前，需要将运行的文件夹加入Sublime Project
  
  选择文件夹加入Sublime Project后，就可以启动Sublime Server。

• 启动效果，地址栏输入：localhost:8080
  

• 打开相应的页面
  
  细心观察可以发现，地址栏的地址和之前报错的地址已经不一样了。

• 修改端口
  打开配置文件
  
  修改port字段即可：

{
	"attempts": 5,
	"autorun": false,
	"defaultExtension": ".html",
	"interval": 500,
	"mimetypes":
	{
		"": "application/octet-stream",
		".c": "text/plain",
		".h": "text/plain",
		".py": "text/plain"
	},
	"port": 8080
}

参考链接：http://www.daxiblog.com/2016/09/17/让sublime-text成为静态web服务器：sublimeserver/

方案二：使浏览器支持file协议
由于该方案本人未操作过，因此只附上参考链接（仅供参考）：
https://blog.csdn.net/superit401/article/details/72772658