在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
上一篇mysql只能走一個索引
下一篇mysql可以上傳網頁嗎