vue.js - vue-resource获取不到本地json文件的数据?
本文介绍了vue.js - vue-resource获取不到本地json文件的数据?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟</title>
<script src="js/vue.js"></script>
<script src="js/vue-resource.min.js"></script>
<link href="example.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="example">
<button id="but" >添加</button>
<ul id="example1">
<li v-for="item in items">
{{ item.id }}
{{ item.author }}
</li>
</ul>
</div>
<script>
//在这里面写Vue.js代码
var example = new Vue({
el: '#example',
data: {
items: [
{ id:'0',author:'我'}
]
},
ready:function(){
this.$http.jsonp('1.json',{},{
headers:{
},
emulateJSON: true
}).then(function(response){
alert('123');
},function(response){
});
}
})
//----------------
</script>
</body>
</html>
//浏览器无法弹出123
解决方案
必须在http或https协议下才能用AJAX,file协议下浏览器默认禁用AJAX
这篇关于vue.js - vue-resource获取不到本地json文件的数据?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文