首頁技術(shù)文章正文

怎樣在vue3.x中全局配置axios？

更新時間:2021-10-25 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

為什么要全局配置 axios?

在實際項目開發(fā)中，幾乎每個組件中都會用到 axios 發(fā)起數(shù)據(jù)請求。此時會遇到如下兩個問題：①每個組件中都需要導(dǎo)入 axios(代碼臃腫)②每次發(fā)請求都需要填寫完整的請求路徑(不利于后期的維護)

怎樣在vue3.x中全局配置axios？

如何全局配置axios?

在main.js 入口文件中，通過app.config.globalProperties 全局掛載axios，示例代碼如下：

怎樣在vue3.x中全局配置axios？






猜你喜歡：

什么是跨域？VUE如何實現(xiàn)跨域？

前端實戰(zhàn)教程：快速掌握Vue.js的基本使用

Vue3中Proxy實現(xiàn)數(shù)據(jù)監(jiān)聽的優(yōu)勢？

黑馬程序員前端與移動開發(fā)培訓(xùn)

分享到：
在線咨詢 我要報名
和我們在線交談！