axios 在 Vue3 全局配置

来源：7-4 axios 的基本用法和独家后端API 使用（必看）

萨龙龙

2021-08-02

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

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

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

在 setup 中要如何调用？谢谢

写回答

1回答

张轩

2021-08-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

萨龙龙

非常感谢！

2021-08-02

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

关于vue3-axios的用法

回答 1