首页 前端知识 js引入json文件

js引入json文件

2024-02-16 14:02:54 前端知识 前端哥 664 184 我要收藏

引入json文件有多种方法,这里记录一种方法:
1、有json文件

在这里插入图片描述
文件内容
在这里插入图片描述
2、上传到服务器获得url(也可以不上传)
获取url:“https://asc-test1.oss-cn-beijing.aliyuncs.com/2023/07/05/b1917481d4eb40628bc6d10113896d82taizhou.json”
也可以不上传到服务器,直接把文件放入项目
3、调用
引入axios

import axios from 'axios';

在created方法里调用

created() {
  const service = axios.create({
				baseURL: 'https://asc-test1.oss-cn-beijing.aliyuncs.com/2023/07/05/', // 请求本地json文件,那么baseURL取空字符串,域名就会是项目域名
				timeout: 30000,
  });
  service.get('b1917481d4eb40628bc6d10113896d82taizhou.json').then(res => {
    console.log(res.data)
  })
},
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2135.html
标签
json
评论
发布的文章

vue-echarts实现多功能图表

2024-03-02 09:03:54

echarts参数详细介绍

2024-03-02 09:03:53

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!