vue3 如何获取json文件内容

前提问题:拿到指定路径后,拼接对应json文件,并获取该json文件下的内容
解决过程:当前项目是使用Axios向服务器发送异步HTTP请求,并返回响应数据,获取json文件内容,可以通过发送get请求,返回内容即为json文件内容
解决结果:

//请求环境
const service = axios.create({
  // 判断环境
  baseURL:  '/api' ,
  //在浏览器中允许跨域携带cookie
  withCredentials: true,
  timeout: 50000,
})

//get请求(get请求如果是封装好的,直接调用即可,此处是为了完整举例)
const get=(url, data)=> {
    return new Promise((resolve, reject) => {
      service({
        method: 'get',
        url,
        params: data,
      })
        .then(res => {
          resolve(res)
        })
        .catch(err => {
          resolve(err)
        })
    })
}

//获取json内容
const getJson = () => {
    //本地文件内容
    let url = '../../../assets/meat.json'
    //请求后的文件夹路径(根据自己实际情况来写即可,当前情况是需要拼接json文件路径)
    let url = 请求后的路径变量+'meat.json'
    get(url).then(res=>{
         console.log('Json文件内容',res)
    })
}
        

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值