溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了vue中數據請求axios怎么封裝和使用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vue中數據請求axios怎么封裝和使用文章都會有所收獲，下面我們一起來看看吧。
簡單的來說，Axios 是一個基于 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中，我們在項目中會經常用axios請求接口來獲取數據。
直接在當前使用的項目中打開終端：
npm install axios --save 或者yarn add axios
攔截器就是在數據請求的過程中，攔截請求或者攔截響應的技術
請求攔截器：就是在發送請求的時候進行一些操作
響應攔截器：就是攔截在響應的時候進行的一些操作，比如登錄錯誤返回登錄狀態
實現方法也很簡單，直接在src文件下面新建一個utils文件夾，新建js文件，名字隨意
import axios from "axios"
let service=axios.create()
service.interceptors.request.use(function (config) {
return config;
}, function (error) {
return Promise.reject(error);
});
export default service封裝好的請求一般情況下都是放在api文件夾下面，這樣在用的時候也就非常方便了，只要在用的地方引用進去你就可以直接使用
例如：
import axios from "axios"
let getAction=(url)=>{
return new Promise((resolve,reject)=>{
axios({
url,
method:"GET"
}).then((ok)=>{
resolve(ok)
}).catch((err)=>{
reject(err)
})
})
}
export default getAction當你封裝好了請求之后使用起來也是非常的方便，在使用的.vue文件中去引用，使用
// import getAction from @/api/index
關于“vue中數據請求axios怎么封裝和使用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“vue中數據請求axios怎么封裝和使用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
