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，清除缓存，不然换了版本还是报错！！！
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue component组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了解决VUE动态加载图片在跨域时无法显示的问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
在Vue的开发中,计算属性（Computed Properties）和监听器（Watchers）是两种非常重要的概念,它们都用于响应式地处理数据变化,本文将带你深入了解计算属性和监听器的区别,以及在何时使用它们,感兴趣的朋友可以参考下2023-09-09
这篇文章主要介绍了vue父组件触发事件改变子组件的值的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要为大家介绍了vue 模板循环绘制多行上传文件功能实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
Vite使用unplugin-auto-import实现vue3中的自动导入
本文主要介绍了Vite使用unplugin-auto-import实现vue3中的自动导入,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-06-06
Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,下面这篇文章主要给大家介绍了关于vuex模块获取数据及方法的相关资料,需要的朋友可以参考下2023-03-03
vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserve
这篇文章主要介绍了vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserver实例详解,本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2023-03-03
本文主要介绍了Electron+Vue3+Vite搭建桌面应用的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了vue-router动态路由设置参数可选，文中给大家提到了vue-router 动态添加 路由的方法,需要的朋友可以参考下2019-08-08
最新评论