axios vue 获取本地静态文件

网上的好像都是参照vue-cli 2.0的版本,从static文件夹下获取,然而3.0之后就不放在static文件夹下,而是public,参考官方的文档:vue-cli文档

在这里插入图片描述
话不多说,开始获取:

  • 步骤一:
    首先如果项目根目录下没有public文件夹则需创建,一般来说都有的:
    在这里插入图片描述
  • 步骤二:
    在public文件夹下创建test.json文件,json内容如下:
{
    "data": [
        {
            "name": "窝似动感超人"
        },
        {
            "name": "CSDN"
        },
        {
            "name": "axios获取静态文件"
        }
    ]
}
  • 步骤三:
    通过axios请求获取
this.axios.get('/test.json').then((res) => {
      console.log(res)
    })

执行后就可以在控制台看到输出啦!
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值