vue获取本地json文件数据_不吃芒果……_vue读取json文件

大大的周 02-07 7957

一种有`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下的文件即可

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。