Was ist die Art von „$axios“ in Nuxt.js?

Question

Sommer

Jetzt habe ich das RepositoryFactory Muster für die API-Verbindung implementiert.

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

Im 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)
}

Aber es wird eine Fehlermeldung angezeigt Binding 元素 '$axios' 隐式具有 'any' type.ts(7031).

Ich möchte wissen, was die richtige Art von $axios

ist

Was ich versucht habe

{ $axios } ：any kann es lösen, aber ich möchte den genauen Typ von „$axios“ wissen.

Answer 1

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

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