1.方法一
# 使用vue cli老版本创建的vue项目
1.在vue项目根目录下的static目录下创建json文件。例如:data.json
2.在test.vue中获取本地json数据
import axios from 'axios'
export default {
name: "index",
data() {
return {};
},
mounted() {
this.getData()
},
methods: {
getData() {
axios.get('/data.json').then(res => {
console.log(res)
})
}
},
};
2.方法二
# 使用vue cli3 创建的vue项目
1.在vue项目根目录下的public(等同于旧版的static)目录下创建json文件。例如:data.json
2.在test.vue中获取本地json数据
import axios from 'axios'
export default {
name: "index",
data() {
return {};
},
mounted() {
this.getData()
},
methods: {
getData() {
axios.get('/data.json').then(res => {
console.log(res)
})
}
},
};