vue+typescript在vue中挂载axios使用时报错

1.开发环境 vue+typescript
2.电脑系统 windows10专业版
3.在项目开发过程中我们经常会使用到axios,但是我们在使用vue+typescript进行开发的时候使用axios可能会存在一些问题,下面我来分享一下我遇到的问题和解决方法。
4.在main.ts中引入:

import $axios from './chenhttp/chenhttp';
Vue.prototype.$axios = $axios;

5.我们一般都会这样用,如下图:

有明显的报错

从图中我们可以看出来typescript在Vue原型对象上检测不到axios。

6.解决方法:

虽然typescript无法检测到vue原型上的prototype,但是实际上我们是挂载成功的,也就是说我们可以正常的使用,我们唯一需要解决的是typescript的类型验证问题,因此我们可以指定 this 为any类型(任意类型),这样的话就可以避免报错造成问题

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。