在使用Vue時,經(jīng)常會需要獲取接口的返回值。一般來說,我們需要使用Vue提供的axios庫來發(fā)送HTTP請求,獲取接口返回值。
axios.get('/api/user') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });
以上代碼通過axios發(fā)送GET請求,獲取'/api/user'接口的返回值,并在控制臺輸出。使用then方法處理成功的結(jié)果,使用catch方法處理失敗的結(jié)果。
有些接口需要在請求頭中添加一些參數(shù),比如Token。可以通過創(chuàng)建一個axios實例來添加請求頭。
const instance = axios.create({ baseURL: 'https://example.com/api/', headers: {'Authorization': 'Bearer ' + token} }); instance.get('/user') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });
以上代碼通過創(chuàng)建一個axios實例,添加了請求頭Authorization,并在請求中使用該實例調(diào)用GET方法,獲取'/user'接口的返回值。同樣可以使用then和catch方法處理結(jié)果。
除了GET請求,還可以使用其他方法,比如POST、PUT、DELETE等。例如,使用POST發(fā)送數(shù)據(jù)到接口:
axios.post('/api/user', { firstName: 'John', lastName: 'Doe' }) .then(response => { console.log(response); }) .catch(error => { console.log(error); });
以上代碼向'/api/user'接口發(fā)送了一個包含firstName和lastName的POST請求,并在控制臺輸出響應(yīng)結(jié)果。