首页 > 其他分享 >Vue3中使用TypeScript封装axios遇到的问题(AxiosRequestConfig)

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

时间:2023-07-30 20:55:38浏览次数:43  
标签:axios TypeScript vue 报错 版本 Vue3 AxiosRequestConfig

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

版本

  "dependencies": {
    "axios": "^1.0.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 [email protected]

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

总结

遇到axios的版本问题,可以适当减低版本,还可以前往github的仓库issue中找到问题解答,
很多问题都能

标签:axios,TypeScript,vue,报错,版本,Vue3,AxiosRequestConfig
From: https://www.cnblogs.com/new-one/p/17592013.html

相关文章

  • JavaScript、ECMA、CommonJs、NodeJS、TypeScript的关系
    返回JavaScript发布时间:1995发布公司:Netscape(网景)它是一种高级的解释型编程语言,简称JS它最初的设计目标是改善网页的用户体验。......
  • uniapp+vue3+ts 使用pinia报错
    "hasInjectionContext"isnotexportedby"node_modules/vue-demi/lib/index.mjs",importedby"node_modules/pinia/dist/pinia.mjs".11:36:19.397at../node_modules/pinia/dist/pinia.mjs:6:9解决方法:把pinia降级先删除pinianpmunipinia......
  • Vue3 Vite electron 开发桌面程序
    Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML......
  • Vue3.3 编译宏
    Vue3.3新增了一些语法糖和宏,包括泛型组件、defineSlots、defineEmits、defineOptionsdefineProps父子组件传参<template><div><Childname="xiaoman"></Child></div></template><scriptlang='ts'setup>importChildf......
  • Vue3 如何开发移动端(安卓,ios)
    Vue3有没有一款好用的开发移动端的工具1.uniapp我个人认为uniapp适合开发小程序之类的,用这个去开发原生应用会存在一些问题性能限制:由于Uniapp是通过中间层实现跨平台,应用在访问底层功能时可能存在性能损失。与原生开发相比,Uniapp在处理大规模数据、复杂动画和高性能要求的应......
  • TypeScript 泛型接口的一个具体使用例子
    有下面这段代码:以上代码是一个TypeScript定义的接口(interface),用于表示一个通用的实体状态(EntityState)。让我们逐行解释这段代码的含义,并了解其中使用了哪些TypeScript的语法特性:exportinterfaceEntityState<T>{这行代码定义了一个导出的接口EntityState<T>,其中<T>......
  • 关于 TypeScript 中的联合类型
    在TypeScript中,|符号被用于定义联合类型(UnionTypes)。联合类型是一种高级的类型定义方式,它允许你定义一个类型为多种类型中的一种。这对于处理可能有多种类型的变量非常有用。例如,假设我们有一个函数,它接受一个参数,这个参数可能是一个数字,也可能是一个字符串。在JavaScript......
  • TypeScript 对象解构操作符在 Spartacus 实际项目开发中的应用
    下面这段代码来自Spartacus项目的navigation-entry-item.reducer.ts实现。import{NodeItem}from'../../model/node-item.model';import{CmsActions}from'../actions/index';exportconstinitialState:NodeItem|undefined=undefined;exportfu......
  • Vue3 里 script 的三种写法
    一、Vue3里 script 的三种写法首先,Vue3新增了一个叫做组合式api的东西,英文名叫CompositionAPI。因此Vue3的script现在支持三种写法,1、最基本的Vue2写法html复制代码<template><div>{{count}}</div><button@click="onClick">增加1</but......
  • vue3 TS vite element ali-oss使用方式
    vue3TSviteelementali-oss使用方式安装ali-oss包npmiali-oss-S使用oss封装函数constOSS=require('ali-oss')//importOssfrom'ali-oss'/***[accessKeyId]{String}:通过阿里云控制台创建的AccessKey。*[accessKeySecret]{String}:通过阿里云控制......