Vue 用 axios
调用本地的 json
文件,json
必须存放在 “ static ” 文件夹下,static 目录是 vue-cli
向外暴露的静态文件夹,所有静态数据都应该放到static目录中。
如下图所示:
在调用时,如下,其实地址就是 http://localhost:800x/static/tabs.json
:
this.$fetch('static/tabs.json').then(response => {
console.log(response)
this.editableTabs = response.data
this.tabIndex = this.editableTabs.length
}).catch(err => {
console.log(err)
})