javascript - Vue中如何使用fetch()获取本地.json文件

 跟我搞对象吧 发布于 2022-11-06 17:00

Vue组件中写的fetch()方法,获取不到数据。

运行之后显示:

我应该怎么写才能正确的读取到本地的.json文件?

5 个回答
  • 用vuex引入,没必要使用fetch

    2022-11-11 19:10 回答
  • 这个得看下data.json的位置吧,控制台的报错是404,没有找到这个json文件

    2022-11-11 19:15 回答
  • 我使用的方法是使用webpack的json-loader方法,再通过import引入

    //data.json

    {
      "greetText": "Hi there and greetings from JSON!"
    }

    //JS

    import config from 'data.json';
    console.log(config.greetText);
    
    2022-11-11 19:18 回答
  • 读取.json文件,直接import就可以。

    import data from '../data.json'
    
    console.log(data)
    2022-11-11 19:23 回答
  • 一般本地json文件都放在static里面

    2022-11-11 19:27 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有