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

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

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

IT培訓(xùn)班

為什么要全局配置 axios?

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

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

如何全局配置axios?

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

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






猜你喜歡：

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

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

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

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

分享到：
在線咨詢 我要報(bào)名
和我們在線交談！