Vue3中使用TypeScript封装axios遇到的问题(AxiosRequestConfig)

如果您有更好的解决方法，欢迎评论区评论。

版本

  "dependencies": {
    "axios": "^1.4.0",
    "vant": "^4.6.3",
    "vue": "^3.3.4",
    "vue-router": "^4.2.4",
    "vuex": "^4.1.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.2.3",
    "typescript": "^5.0.2",
    "vite": "^4.4.5",
    "vue-tsc": "^1.8.5"
  }

问题

使用当前版本的axios会出现AxiosRequestConfig报错：

查看一下interface AxiosRequestConfig的属性:

解决方法

npm install axios@1.0.0

这个时候AxiosRequestConfig不报错了，查看interface AxiosRequestConfig的属性:

总结

遇到axios的版本问题，可以适当减低版本，还可以前往github的仓库issue中找到问题解答，
很多开发问题都可以效仿解决方法。