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

為什么要全局配置 axios?

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

如何全局配置axios?

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

猜你喜歡：

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

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

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

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