Vue Typescript中axios挂载Vue时错误如何解决？

本文共计720个文字，预计阅读时间需要3分钟。

在Vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件中将axios挂载到Vue原型上，如下所示：

javascriptimport Vue from 'vue'import axios from './utils/http'

Vue.prototype.$axios=axios

在vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件将axios挂载到vue原型身上，如下：
main.ts

import Vue from 'vue' import axios from './utils/http' Vue.prototype.$axios = axios;

这样的话,我们在各个组件中进行请求时，就可以直接使用this.$axios，但是在ts中使用this.$axios进行请求时，会进行报错,如下所示：

从图中我们可以看出ts在Vue身上检测不到$axios。通过
在网上查阅发现：在ts中，不识别vue下面挂$axios，不可以挂在原型链上。也就是说我们手动在Vue原型身上挂载$axios,ts无法识别到。