vue 获取本地的json文件内容

很多时候我们需要从本地读取JSON文件里面的内容，但是找了很久我都沒有找到比较实用的；所以分享一下我的vue获取本地json文件的方法。

我的项目结构

获取方法

其实就是用模拟get请求的方法拿到json文件，然后再解析，但是在这之前我们需要对请求头做一下处理，否则拿不到文件

const newInstance = this.$ajax.create({baseURL: '',timeout: 5000,headers: {'Content-type': 'multipart/form-data'}});

然后就直接根据get请求获取到我们需要的json文件

/*../../请根据自己的实际路径来获取*/newInstance.get('./../../static/json/guanzhou.json').then(res => {console.log("获取本地的json文件" + JSON.stringify(res));})

代码

const newInstance = this.$ajax.create({baseURL: '',timeout: 5000,headers: {'Content-type': 'multipart/form-data'}});/*../../请根据自己的实际路径来获取*/newInstance.get('./../../static/json/guanzhou.json').then(res => {console.log("获取本地的json文件" + JSON.stringify(res));})

实际效果

vue 获取本地的json文件内容相关推荐

Ajax怎么获取data为集合的值,vue，ajax获取本地的json文件，赋值后，computed和mounted里访问不到重新赋值后的listDatas...
ajax获取本地的json文件,取到数据之后赋值给data的listDatas,view页面更新了,但是computed和mounted里访问不到重新赋值后的listDatas,除了在$get()里能 ...
java读取json文件内容_java读取json文件内容详解
之前给大家介绍了一下java读取txt文件内容,下面要给大家介绍的就是java读取json文件内容,一起来了解一下吧. 1.java读取json文件下面是具体的思路: 首先是获取文件-获取文件内容- ...
Json文件内容加密
Json文件内容加密 RAS 1.配置公私钥 PUBLIC_KEY: MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9ikrLxa/cgLZXQugBQFhdxCPQm ...
java读取json文件_Java 读取Json文件内容
读取json文件为String类型: import org.apache.logging.log4j.LogManager; import org.apache.logging.log4j.Logge ...
vue获取本地php数据,Vue-cli项目获取本地json文件数据的实例
下面我就为大家分享一篇Vue-cli项目获取本地json文件数据的实例,具有很好的参考价值,希望对大家有所帮助. 在自己做的vue demo项目中,我想通过在本地添加一些json数据,写到json文件 ...
js获取json文件内容
搞了很久才搞出来,一定要记一下这次创建两个js文件,获取两个不同的json文件,就可以导入两个json文件数据,欢迎大家给予更好的建议谢谢 js文件 //get_g1.js function f1( ...
vue里的axios获取本地的json数据
1.新建一个vue项目在终端安装axios命令 npm install --save axios vue-axios 2.在main.js里导入下面的代码 import axios from 'ax ...
php读本地json文件内容,php读取本地json文件有哪些方法
这次给大家带来php读取本地json文件有哪些方法,php读取本地json文件的注意事项有哪些,下面就是实战案例,一起来看一下. 1.data.json文件{ "goods":[ ...
Python获取同目录下json文件内容
这种写法可以替代配置文件的传参,效率更高 json文件:baittype.json {"bait_type":[{"type":"ssh", ...
axios请求本地的json文件在打包部署到子目录域名下，路径找不到
前言: 因为要同时部署两个项目,有一个是部署到域名下面的子目录下,如:https://xxx.com/siot-admin vue 项目中使用axios请求了本地项目的static文件夹下的json文 ...

vue 获取本地的json文件内容

我的项目结构

获取方法

代码

实际效果

vue 获取本地的json文件内容相关推荐

最新文章

热门文章