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. spring-mvc - spring-session-redis HttpSessionListener失效2. node.js - express框架，设置浏览器从缓存中读取静态文件，只有js从缓存中读取了，css还有一些图片为何没有从缓存中读取？3. android glide asbitmap 在baseadpter中的问题4. python - flask post提交timestamp不能作为参数，这是为什么？5. python 计算两个时间相差的分钟数，超过一天时计算不对6. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下7. 做Redis集群的时候，可不可以将Master实例和Slave实例放在一个主机当中？8. 前端 - @media query 使用出现的问题？9. jquery - js向两边展开10. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?
网公网安备