Vue.http 在使用 typescript 时导致错误

Question

所以我刚刚将我的项目从 js 更改为 typescript，并且我有以下代码来设置 vue 资源：-

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import VueResource from 'vue-resource'

Vue.use(VueResource)
Vue.http.headers.common['Content-Type'] = 'application/json'

但是 typescript 在.http 上抛出错误。有没有标准的方法来解决这个问题？有没有办法让 typescript 知道它的存在？

在其他文件中，他们也可以访问Vue.http，但只能通过导入 Vue 来访问 http

错误是：-

或在编译器中

Answer 1

Vue.js 在项目中包含类型定义 (types/vue.d.ts)，但 VueResource 似乎还没有。首先，我认为创建自定义 vue-resource.d.ts（或 vue-resource.types.ts 并导入它），其定义扩展 Vue 的类型并将其添加到您的项目中可以解决问题。