Nuxt.js 中“$axios”的类型是啥？

Posted 2023-02-22

【中文标题】Nuxt.js 中“$axios”的类型是啥？

【英文标题】：What is the type for "$axios" in Nuxt.js?Nuxt.js 中“$axios”的类型是什么？

【发布时间】：2022-01-19 23:19:35

【问题描述】：

夏天

现在我为 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 element '$axios' implicitly has an 'any' type.ts(7031)。 我想知道$axios的正确类型是什么

我尝试过的

$axios : any 可以解决它，但我想知道 '$axios' 的确切类型。

【参考方案1】：

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

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

【讨论】：

是的，已经添加了。

@jpskgc 好的。只是检查。通常，您可以从 axios 导入一些类型，例如： import AxiosError, AxiosRequestConfig, AxiosResponse, AxiosStatic from 'axios' 在您的情况下，我猜您正在寻找“AxiosResponse”。我不确定，但如果您在 tsconfig 文件中设置了类型，则不需要使用 import。您在全球范围内拥有它。