vue获取本地json文件数据

一种有`static`目录,指`static`文件与`vue.config.js`同级;静态资源存放在`static`下

一种有`public`目录,指`public`文件与`vue.config.js`同级;静态资源存放在`public`下

所以解决方案也不一样;

首先下载并导入axios:

        在集成终端中:npm i axios

        在main.js文件中:

                import axios from ‘axios’  // 安装axios后引入

                Vue.prototype.$axios = axios  // 将axios挂载到原型上方便使用

1、json文件放在static下:

 this.$axios.get(“./static/json/map/100000.json”, {})
          .then(response => {})
访问路径要带 ./static 

2、json文件放在public下:

 this.$axios.get(“./json/map/100000.json”, {})
    .then(response => {})
访问路径不用带public ,直接访问public下的文件即可

    原文作者:不吃芒果……
    原文地址: https://blog.csdn.net/yangy_u/article/details/121753554
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞