文章详情页

vue-resource获取不到本地json文件的数据？

浏览：286日期：2024-03-22 08:13:06

问题描述

<!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

vue

上一条：什么是前后端分离？用vue angular等js框架就能实现前后分离了吗？下一条：nginx和web服务都跑在docker容器里时，nginx负载均衡如何配置服务的IP地址

相关文章：

1. docker-compose中volumes的问题2. java如何高效读写10G以上大文件3. python 字符串匹配问题4. android - viewpager问题PagerTabStrip样式5. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题6. css - input元素的time控件无法选择7. python - pyspider的分布式运行成功，2台slave跑，但是时间并没有缩短问题？8. javascript - 这里的这个函数是干嘛用的？9. dockerfile - [docker build image失败- npm install]10. javascript - CSS图片轮播显示问题

排行榜

					
					python  字符串匹配问题
java如何高效读写10G以上大文件
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
dockerfile - [docker build image失败- npm install]
docker-compose中volumes的问题
android - viewpager问题PagerTabStrip样式
python - pyspider的分布式运行成功，2台slave跑，但是时间并没有缩短问题？
javascript - 这里的这个函数是干嘛用的？
css - input元素的time控件无法选择
javascript - react热加载的一段代码
javascript - js的shift()方法失效?
				

热门标签