vue-axios访问本地文档数据404问题

vue-axios访问本地⽂档数据404问题
问题:
<body>
<div id="vue">电水壶底座
nihao
<p>{{info.name}}</p>卡孔
<p>{{pository}}</p>
<p>{{info.keywords}}</p>
<!---->
</div>
<script src="cdn.jsdelivr/npm/vue@2.5.16/dist/vue.js"></script>
<script src="unpkg/axios/dist/axios.min.js"></script>
<script type="text/javascript">
var vm = new Vue({
el:"#vue",
//data属性 vm
//下⾯这个是⽅法
data(){
return{
//请求的返回参数格式,必须跟json字符串⼀样
info:{
name: null,
repository:{
type: null,
meno2
url: null,
},
keywords: null,
麦饭石床垫
}
}
},
柴油添加剂mounted(){//钩⼦函数链式编程 ES6新特性//localhost:63342/vue/lesson1/data.json
<('../data.json').then(response=>(this.info=response.data));
}
});
横向切片</script>
</body>
当(‘’)访问的⽂件数据是本地地址(绝对地址和相对地址)时,会报错:Failed to load resource: the server responded with a status of 404 (Not Found)。
将:
<('../data.json').then(response=>(this.info=response.data));
改为:
<('localhost:63342/vue/lesson1/data.json').then(response=>(this.info=response.data));
可解决问题。

本文发布于:2024-09-22 04:17:50,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/1/277517.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:编程   数据   地址   返回   电水壶   麦饭石   添加剂   横向
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议