Nuxt.js中的"$axios"的型別是什麼？

Question

夏季

現在我實作了用於 API 連接的 RepositoryFactory 模式。

https://medium.com/canariasjs/vue-api-calls-in-a-smart-way-8d521812c322

在repository.ts中，我寫了$axios。

import testRepository from '~/api/testRepository'

export interface Repositories {
  hoge: testRepository 
}

export default function ({ $axios }, inject) { # <- error on $axios
  const hoge = new testRepository ($axios)
  const repositories: Repositories = {
    hoge
  }
  inject('repositories', repositories)
}

但它顯示錯誤訊息 Binding 元素 '$axios' 隱式具有 'any' type.ts(7031)。

我想知道 $axios 的正確類型是什麼

我嘗試過的

{ $axios } ：any 可以解決它，但我想知道「$axios」的確切類型。

Answer 1

您是否在 tsconfig.json 檔案中新增了 @nuxt/types 和 @nuxtjs/axios ？ 如果需要更多信息，可以查看：https://axios.nuxtjs.org/setup

{
  "compilerOptions": {
    "types": [
      "@nuxt/types",
      "@nuxtjs/axios"
    ]
  }
}