在 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 {
}
}
})