vue3+vite+ts之axios的坑及解决
更新时间：2024年01月25日 10:07:15 作者：zimu_spm
这篇文章主要介绍了vue3+vite+ts之axios的坑及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3+vite+ts之axios的坑
在vite搭建的vue3项目时候，预想着和之前一样npm add axios ,然后封装。
但按照正常封装后
如下：
import {AxiosPromise} from 'axios'
import request from '@/utils/request'
type Login=(username:string,password:string,code:string,uuid:string)=> AxiosPromise<any>
// 登录方法
export const login :Login= function(username, password, code, uuid) {
return request({
url: '/auth/login',
headers: {
isToken: false
},
method: 'post',
data: { username, password, code, uuid }
})
}封装是没问题的，但调用登录的login时报错：
Uncaught (in promise) TypeError: url.parse is not a function？？？
这个是什么鬼，本着继续爬坑的理念，经过一番百度后，还是没有找到需要的答案。
中文社区，说是url.parse弃用了？？
好吧，好在在GitHub上发现这个有人提的issue：
All axios based requests crashed in v0.27.0, but it's ok if downgrade to v0.26.1；
翻译过来就是：
这个原因是axios版本导致的。既然这样换了就好了，于是重新安装0.26.1版本。
然而yarn dev后依然报错？what?
解决方案
这个原因确实是axios版本导致的，换个0.26.1可以解决
但在vite项目中，还得记得在命令行执行vite --force，清除缓存，不然换了版本还是报错！！！
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用，今天通过本文给大家介绍移动端调试神器vConsole使用，感兴趣的朋友一起看看吧2022-04-04
Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具，cli是(command-line-interfac)命令行界面,下面这篇文章主要给大家介绍了关于Vue脚手架搭建及创建Vue项目流程的相关资料,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了vue3中vite使用sass的配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要给大家介绍了关于vue前端el-input输入限制输入位数及输入规则的相关资料,文中通过代码介绍的介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
vue3中使用ant-design-vue的layout组件实现动态导航栏和面包屑功能
这篇文章主要介绍了vue3中使用ant-design-vue的layout组件实现动态导航栏和面包屑功能,基于一个新建的Vue3项目上实现，本文结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2023-01-01
在做vue项目的过程中有时候会遇到一个问题,就是进行F5页面刷新的时候,页面的数据会丢失,这篇文章主要给大家介绍了关于Vue刷新后页面数据丢失问题的解决过程,需要的朋友可以参考下2022-11-11
这篇文章主要为大家详细介绍了vue.js中指令Directives，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
在本篇文章里小编给大家整理了关于vue中nextTick用法实例以及相关代码内容，需要的朋友们可以参考下。2019-09-09
最近公司新启动了个项目，用的是vue框架在做,下面这篇文章主要给大家介绍了关于vue实现token登录验证的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue全局注册自定义指令防抖解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
最新评论