1.从js文件导入axios的第一种方式是先在js文件中对axios做一些处理，然后再导入到vue文件中，比如请求拦截，响应拦截、封装统一get和post方法，甚至定义接口请求。具体方法：1.安装npmi--saveaxios2.处理axiosrequests/index.jsimportaxiosfrom'axios'axios.defaults.timeout=50000axios.interceptors.request.use(config=>{//...returnconfig},error=>{returnPromise.error(error)})functiongetName(params){returnaxios.get(`xx/xx/${params}`)}export{getName}3.在vue文件中请求interfacetest.vue2。将axios挂载到全局变量上，可以从全局变量中获取axios1。安装npmi--saveaxios2。从'axios'app.config.globalProperties.axios=axios3安装导入axios。使用axiosimport{getCurrentInstance}from'vue'const{appContext}=getCurrentInstance();onMounted(()=>{console.log(appContext.config.globalProperties.axios)})3.使用vue-axios这个方法可以用vue.use()安装axios，然后通过provide-inject使用。1.安装npminstall--saveaxiosvue-axios2.挂载importaxiosfrom'axios'importVueAxiosfrom'vue-axios'constapp=createApp(App).use(store)app.use(VueAxios,axios)app.provide('axios',app.config.globalProperties.axios)3.使用import{inject}from'vue'constaxios=inject('axios')console.log(axios)
