vue3 ts setup getCurrentInstance使用问题处理

问题描述

  vue3中封装了个http请求，然后想绑定在vue的全局对象上去，核心代码如下。然后在运行的时候就报错了，报错信息如下:<br />Error:"类型“ComponentInternalInstance | null”上不存在属性“proxy”。"

import Axios from './utils/axios.js'
app.config.globalProperties.$http = Axios
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
proxy.$http.get("/slardar/sdk_setting?bid=juejin_web").then((res: any) => {
  console.log(res, "res");
});

问题分析: 这里是由于可能会存在null情况，添加断言试试。

import { getCurrentInstance, ComponentInternalInstance } from "vue";
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
proxy.$http.get("/slardar/sdk_setting?bid=juejin_web").then((res: any) => {
  console.log(res, "res");
});

未曾想到，这段代码又引发了新问题: 对象可能为 “null”。