欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

axios加載本地json

洪振霞2年前9瀏覽0評論

當我們需要在Vue項目中加載本地json文件時,可以使用axios來實現。下面是一個簡單的例子:

import axios from 'axios';
export default {
data() {
return {
jsonData: {}
}
},
created() {
this.loadJsonData();
},
methods: {
loadJsonData() {
axios.get('/static/data.json')
.then(response =>{
this.jsonData = response.data;
console.log(this.jsonData);
})
.catch(error =>{
console.log(error);
});
}
}
}

在這個例子中,我們通過引入axios庫并創建一個axios實例實現了加載本地json文件。在Vue的created生命周期鉤子函數中調用loadJsonData()方法,該方法使用get請求從本地加載data.json文件,并在返回的響應中更新組件中的jsonData對象。

最終,我們打印出jsonData對象,以證明我們已經成功地加載了本地json文件。