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
问题解答
回答1:jsonp是跨域的,请求本地写它干嘛 this.$http.get()就行了,具体回调函数看着也有问题 没看你想请求什么数据..response参数也不用
回答2:必须在http或https协议下才能用AJAX,file协议下浏览器默认禁用AJAX
相关文章:
1. javascript - nodejs关于进程间发送句柄的一点疑问2. javascript - vue2.0动态加载多个相同组件,给组件中的data输入不同的值,关闭非最后一个组件时,销毁的值是最后一个组件值。3. fragment - android webView 返回后怎么禁止重新渲染?4. 【python小白】 问关于导入嵌套的包的问题5. python - 子进程执行完成为僵尸进程,怎么解决6. 为什么我写的PHP不行7. php自学从哪里开始?8. 电脑上装了wamp后,再装了mysql,wamp上的mysql就不能用了9. 初来乍到,相对路径问题,新手求教10. javascript - vue1.0在微信浏览器的兼容性?
