今天我們來講一下如何使用axios拿本地文件的json數(shù)據(jù)。

首先，我們需要先安裝axios模塊，使用npm命令行進行安裝：

npm install axios

接下來，我們創(chuàng)建一個本地的json文件，保存一些數(shù)據(jù)，例如：

{
"name": "小明",
"age": 20,
"gender": "男"
}

現(xiàn)在我們來看看如何使用axios獲取這個json文件的數(shù)據(jù)：

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

這里，我們使用了axios的get請求方法，傳入本地文件的路徑并監(jiān)聽then和catch事件。當請求成功時，我們可以通過response.data獲取到json數(shù)據(jù)。當請求失敗時，我們可以通過error獲取到錯誤信息。

最后，我們需要在HTML中引入axios和我們寫好的JavaScript文件：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="app.js"></script>

這樣我們就可以愉快地使用axios拿到本地json數(shù)據(jù)了！