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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。