为什么site.name显示不出来,本地应该没有跨域问题啊,我在一台电脑上行,一台电脑上不行

发布于 2022-09-12 01:54:16 字数 1063 浏览 11 评论 0

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js"></script>
</head>
<body>
<div id="app">
    {{h}}
<div v-for="site in info">
        {{ site.name }}
      </div>
</div>
<script>
var vm = new Vue
({ 
    el : '#app',
    data :  {info:"",h:"123"},
    mounted () {
    axios
      .get('./db.json')
      .then(response => (this.info = response.data.sites))
      .catch(function (error) { // 请求失败处理
        console.log(error);
      });
    },
});
</script>
</body>
</html>

//db.json
{

"name":"你好",
"num":3,
"sites": [
    { "name":"Google", "info":[ "Android", "Google 哈哈", "Google 哈" ] },
    { "name":"Runoob", "info":[ "Runoob1", "Runoob2", "Runoob3" ] },
    { "name":"Taobao", "info":[ "Taobao1", "Taobao2" ] }
]

}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

捶死心动 2022-09-19 01:54:16

本地?火狐好像是支持的。chrome不支持。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文