Ajax本地跨域问题 Cross origin requests are only supported for HTTP
2017-03-15 17:43
549 查看
在练习一个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){
});
}
}
})结果,报错如下:
解决方法:
用npm安装anywhere。
数据通信需要服务器环境,所以需要搭建本地服务器,iis, apache, 或者如果你装了node环境,可以使用anywhere模块。
只要在cmd中输入npm install anywhere -g. 然后cd+工程名, 输入anywhere 就可以了
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 就可以了
相关文章推荐
- Ajax本地跨域问题 Cross origin requests are only supported for HTTP
- Ajax本地跨域问题 Cross origin requests are only supported for HTTP
- Ajax本地跨域问题 Cross origin requests are only supported for HTTP
- Ajax本地跨域问题 Cross origin requests are only supported for HTTP
- 关于Chrome浏览器使用ajax访问本地文件报 Cross origin requests are only supported for HTTP
- 【Google Chrome】 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource问题解决
- jquery读取本地文件,Windows上报错。XMLHttpRequest cannot load xxx. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.k.cors.a.c
- XMLHttpRequest cannot load:...Cross origin requests are only supported for...问题的解决之路(bug描述太长)
- ajax请求 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-ext
- 【Google Chrome】 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource问题解决
- cross origin requests are only supported for protocol schemes: http, data, chrome,
- Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
- XMLHttpRequest cannot load file://app.json. Cross origin requests are only supported for HTTP.
- 【Google Chrome】 Cross origin requests are only supported for protocol schemes: http, data, chrome, c
- 快速解决AngularJS 中的 Cross origin requests are only supported for HTTP
- Cross origin requests are only supported for HTTP
- Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
- nodejs报错 XMLHttpRequest cannot load localhost:3000/test_date/. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
- Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension,
- Cross origin requests are only supported for HTTP