axios 在 Vue3 全局配置

Question

张老师，您好，axios 在 Vue3 如何设置全局配置，我的代码是：

/**
 * axios基础链接
 */
const sax = axios.create({
    baseURL: rest_url,
})

const app = Vue.createApp(App)
app.config.globalProperties.$axios = sax
app.mount('.header')

在 setup 中要如何调用？谢谢

Answer 1

张轩 2021-08-02 11:56:02

同学你好 很好的问题 vue3 推出了一个钩子函数称之为 getCurrentInstance 可以在 setup 中获取一些全局的信息。

import { getCurrentInstance } from 'vue'
const MyComponent = {
  setup() {
    const internalInstance = getCurrentInstance()

    internalInstance.appContext.config.globalProperties // 访问 globalProperties
}

详见文档：https://v3.cn.vuejs.org/api/composition-api.html#getcurrentinstance

• 提问者 萨龙龙 #1

  非常感谢！