vuejs：axios的本地json文件的正确路径获取请求

问题描述：

在我的Vue项目中，我嘲笑了一些用于下一步开发的数据。我已经将测试数据保存在json文件中。而我的VUE项目是与Vue公司-CLI创建典型的一个，并为我的项目结构变为如下：vuejs：axios的本地json文件的正确路径获取请求

My_project 
    build 
    config 
    data 
     service_general_info.json 
    node_modules 
    src 
     components 
      component-A 
       component-A.vue

你可以看到，由VUE-CLI最初创建的所有文件夹。然后我创建一个新文件夹data并将测试数据json文件放在里面。

而且我想通过axios库中的component-A组件内的事件处理函数在数据读取如下：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('./../../data/service_general_info.json'); 
    }, 
    },

我使用相对路径来定位目标file.But得到404错误背部。那么如何正确设置路径？目前我在本地主机上运行dev模式。

的错误信息是：GET http://localhost:8080/data/service_general_info.json 404 (Not Found)

恐怕你不能使用[_axios_（https://github.com/mzabriskie/axios）这个样子！这个库用于制作** HTTP **请求，但似乎你正在尝试访问_file-system_，而据我所知，它不会工作。 – ironcladgeek

你有没有得到任何解决方案？ – rashidnk

答

当HTTP调用从服务器发出，爱可信已经不知道你在http://localhost:8080，你必须给完整的URL。

像这样：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('http://localhost:8080/data/service_general_info.json'); 
    }, 
    },

vuejs：axios的本地json文件的正确路径获取请求

相关推荐