在前端開發中,我們經常涉及到從服務器獲取數據或向服務器發送請求的操作。而使用axios這個前端庫可以方便地實現這些功能。下面我們來看看如何使用axios訪問服務器本地json。
首先,我們需要在Vue項目中安裝axios。可以使用以下命令:
npm install axios --save
安裝完成后,我們就可以在項目中引入axios:
import axios from 'axios';
接下來,我們需要定義一個數據請求,下面的例子中我們請求本地json文件下的data.json文件。
let url = './data.json';
axios.get(url).then(res =>{
console.log(res.data);
});
我們使用了axios提供的get方法,傳入json文件的url。請求成功后,res.data屬性中包含了我們請求到的json數據。
如果請求失敗,我們可以使用catch方法捕獲異常,如下所示:
let url = './data.json';
axios.get(url).then(res =>{
console.log(res.data);
}).catch(error =>{
console.log(error);
});
以上就是使用axios訪問服務器本地json的基本操作。學會了這個基礎,我們就可以進一步使用axios來實現更加復雜的功能。