vue3+vite+ts之axios的坑

最新推荐文章于 2023-05-06 13:41:08 发布

zimu_spm

最新推荐文章于 2023-05-06 13:41:08 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： typescript ajax vue.js javascript

本文链接：https://blog.youkuaiyun.com/zimu_spm/article/details/124446602

在使用Vite搭建的Vue3项目中，遇到在封装axios后调用登录接口时报错‘Uncaught (in promise) TypeError: url.parse is not a function’。经过排查，问题出在axios版本上，可能是由于升级到0.27.0版本导致的。解决方案是回退到0.26.1版本，并使用`vite --force`清除缓存，确保错误得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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，清除缓存，不然换了版本还是报错！！！