Ajax本地跨域问题 Cross origin requests are only supported for HTTP

最新推荐文章于 2021-07-04 19:18:04 发布

原创最新推荐文章于 2021-07-04 19:18:04 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个Vue.js项目中遇到的跨域请求错误及其解决方案。通过使用npm安装anywhere模块并设置本地服务器，成功解决了跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在练习一个vue.js的项目时，通过vue-resource模块中的this.$http方法来获取一个本地的json串

var vm = new Vue({
	el:'#shoppingCar',
	data:{
		title:'购物车'
	},
	filters:{

	},
	mounted:function(){
		this.cartview();
	},
	methods:{
		cartview:function(){
			this.$http.get("data/cartData.json",{"id":123}).then(function(res){
				
			});
		}
	}
})

结果，报错如下：

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

解决方法：

用npm安装anywhere。

数据通信需要服务器环境，所以需要搭建本地服务器，iis, apache, 或者如果你装了node环境，可以使用anywhere模块。

只要在cmd中输入npm install anywhere -g. 然后cd+工程名，输入anywhere 就可以了