緣起
最近學(xué)了全棧之巔關(guān)于 nestjs 的培訓(xùn)視頻”第一章：(nestjs)NodeJs+VueJs全棧開發(fā)《全棧之巔》視頻網(wǎng)站+app+小程序“力奋，有原理有實戰(zhàn)掰读，老師水平極高彻况，深入淺出白胀，受益匪淺箱沦。但降到 axios 實例的”模塊補(bǔ)充“知識點的時候陈醒，問題解決并不徹底惕橙，實例中還是會出現(xiàn)個別文件告警的狀況，當(dāng)時有很多同學(xué)通過視頻彈幕說不知怎么處理钉跷。經(jīng)過查資料并多次嘗試后弥鹦，終于完美解決。
視頻情景還原
視頻鏈接：https://www.bilibili.com/video/BV18E41127N4?p=7 爷辙，第8~12分鐘的時間段彬坏，可以看到 main.ts 文件有告警。
問題解決
第一步：
在 shims-vue.d.ts 同級目錄下膝晾，新建文件： my.d.ts （其實這個名字可以隨便取栓始，只要保持: .d.ts 后綴就可以。
將 shims-vue.d.ts 里的下面內(nèi)容剪切復(fù)制到 my.d.ts 里
declare module '*.vue' {
import Vue from 'vue'
export default Vue
}
第二步：
在 shims-vue.d.ts 文件里加入下面的內(nèi)容：
// 下面增加 $http 的類型定義血当，去掉 this.$http 的警告并便于編程時的代碼提示幻赚，this.$http 是 axios 的示例 - AxiosInstance
import Vue from 'vue'
import {AxiosInstance}from 'axios'
declare module 'vue/types/vue'{
// 聲明為 Vue 補(bǔ)充的東西
interface Vue {
$http: AxiosInstance
}
}
即可解決！ｋ瘛落恼！
