default ({ app }, injios網站ect) => {
inject(‘axios’, {
get(url, config) {
return instance.get(url, config)
},
post(url, data, config) {
return instance.post(url, data, co網站轉apknfig)
},
// 其他請求方法的封裝
})
}
“`
在這個插件中,我們創(chuàng)建了一個 axios 實例,并將其封裝成了一個對象,該對象中包含了我們常用的請求方法。然后,我們通過 inject 將這個對象注入到 Vue 實例中,使得我們在整個項目中都可以使用 this.$axios 訪問這些封裝好的請求方法。
最后,在頁面組件中就可以這樣使用我們封裝好的請求方法了:
“`vue
{{ data }}
export default {
data() {
return {
data: null,
}
},
methods: {
async fetchData() {
const res = await this.$axios.get(‘/api/data’)
this.data = res.data
},
},
}
“`
這樣,我們就可以在整個項目中共享這些封裝好的請求方法了,并且可以通過全局配置來統(tǒng)一處理一些網絡請求的細節(jié)。