标签：axios 定义 app ctx vue import 全局变量 any

在 main.ts 中

import { createApp } from 'vue'
import App from './App.vue'
import $axios from '@/api/config'

const app = createApp(App)

app.config.globalProperties.$axios = $axios

app.use(store)
app.use(router)
app.use(ElementPlus)
app.mount('#app')

在 vue 文件中

import { defineComponent, ref, getCurrentInstance } from 'vue'

export default defineComponent({
  name: 'Nav',
  setup() {
    // 在ts中直接使用 const { ctx }=getCurrentInstance().可能会报 Property 'ctx' does not exist on type 'ComponentInternalInstance | null'. 的错误. 可在后面加上 “as any” 解决。
    const { ctx } = getCurrentInstance() as any
    ctx.$axios.get('/home/getMenuList').then((res: any) => {
      console.log(res)
    })

    return {
      
    }
  }
})

标签：axios,定义,app,ctx,vue,import,全局变量,any
来源： https://www.cnblogs.com/upward-lalala/p/14672936.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。