axios问题
来源:4-11 接口环境设置

liulintao
2021-08-21
我的main.js好像和老师的不太一样,是因为vue版本不一样吗?
我无法使用Vue.use,我引入了axios和vue-axios之后应该怎么挂载到全局呢?
import { createApp } from 'vue'
import router from "./router";
import axios from 'axios'
import VueAxios from 'vue-axios'
import App from './App.vue'
import env from './env'
const app=createApp(App)
axios.defaults.timeout = 8000
// 根据环境变量获取不同的请求地址
axios.defaults.baseURL = env.baseURL
// 接口错误拦截
axios.interceptors.response.use(function (response) {
let res = response.data
// eslint-disable-next-line eqeqeq
if (res.status == 0) {
return res.data
// eslint-disable-next-line eqeqeq
} else if (res.status == 10) {
window.location.href = '/#/login'
} else {
alert(res.msg)
}
})
app.config.globalProperties.$axios = axios
app.config.globalProperties.$VueAxios = VueAxios
app .use(router)
.mount('#app')
写回答
2回答
-
河畔一角
2021-09-03
Vue2.0和3.0语法是不太一样的,Vue2.0建议使用Vue.prototype.$axios = axios;来进行挂载,不需要使用VueAxios插件了
00 -
liulintao
提问者
2021-08-21
已经解决了,因为我的vue版本是3.0,老师的是2.6,所以可能写法不一样,全局挂载也是使用
app.use(VueAxios,axios)
00
相似问题