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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。