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

axios vue獲取本地json

黃文隆1年前9瀏覽0評論

在Vue項目中,我們常常需要從本地獲取資源以使用。如何使用axios獲取本地的json文件呢?下面是一個簡單的實例:

axios.get('./data.json')
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});

首先,我們引入axios庫,通過get方法獲取我們想要的json文件并進行處理。這里我們使用了相對路徑"./data.json",表示獲取與當前文件在同一個目錄下的data.json文件。

值得注意的是,在Vue項目中,要通過webpack引入本地json文件,需要在webpack的配置文件中添加json-loader。

module: {
rules: [
{
test: /\.json$/,
loader: 'json-loader'
}
]
}

安裝json-loader可使用npm進行安裝:

npm install json-loader --save-dev