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插件了

0
0

liulintao

提问者

2021-08-21

已经解决了,因为我的vue版本是3.0,老师的是2.6,所以可能写法不一样,全局挂载也是使用

app.use(VueAxios,axios)


0
0

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程