网上的好像都是参照vue-cli 2.0的版本,从static文件夹下获取,然而3.0之后就不放在static文件夹下,而是public,参考官方的文档:vue-cli文档
话不多说,开始获取:
- 步骤一:
首先如果项目根目录下没有public文件夹则需创建,一般来说都有的:
- 步骤二:
在public文件夹下创建test.json文件,json内容如下:
{
"data": [
{
"name": "窝似动感超人"
},
{
"name": "优快云"
},
{
"name": "axios获取静态文件"
}
]
}
- 步骤三:
通过axios请求获取
this.axios.get('/test.json').then((res) => {
console.log(res)
})
执行后就可以在控制台看到输出啦!