Vue+ts 全局挂载axios

已经在mani.ts中挂载到Vue的原型上了
image.png

也在mian.ts同级目录写了声明文件
image.png

import Vue from 'vue';
import { AxiosInstance } from 'axios';
declare module 'vue/types/vue' {
    interface Vue {
        $axios: AxiosInstance;
    }
}

declare module '*.vue' {
    export default Vue;
}

但是使用时还是报错
image.png

请大佬指点一下

阅读 3.7k
2 个回答

axios不建议这样用,建议封装一下

新手上路,请多包涵

我这边用我的代码进行了验证了,是不会提示报错的。不过我这边2个类型声明是放在两个文件中的
shims-tsx.d.ts

declare module 'vue/types/vue' {
   interface Vue {
       $axios: AxiosInstance;
   }
}

shims-vue.d.ts

declare module '*.vue' {
    export default Vue;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题