vue3+vite+ts之a(chǎn)xios的坑及解決
更新時間：2024年01月25日 10:07:15 作者：zimu_spm
這篇文章主要介紹了vue3+vite+ts之a(chǎn)xios的坑及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue3+vite+ts之a(chǎn)xios的坑
在vite搭建的vue3項目時候，預(yù)想著和之前一樣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 }
})
}封裝是沒問題的，但調(diào)用登錄的login時報錯：
Uncaught (in promise) TypeError: url.parse is not a function？？？
這個是什么鬼，本著繼續(xù)爬坑的理念，經(jīng)過一番百度后，還是沒有找到需要的答案。
中文社區(qū)，說是url.parse棄用了？？
好吧，好在在GitHub上發(fā)現(xiàn)這個有人提的issue：
All axios based requests crashed in v0.27.0, but it's ok if downgrade to v0.26.1；
翻譯過來就是：
這個原因是axios版本導(dǎo)致的。既然這樣換了就好了，于是重新安裝0.26.1版本。
然而yarn dev后依然報錯？what?
解決方案
這個原因確實是axios版本導(dǎo)致的，換個0.26.1可以解決
但在vite項目中，還得記得在命令行執(zhí)行vite --force，清除緩存，不然換了版本還是報錯！??！
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vConsole?是框架無關(guān)的，可以在?Vue、React?或其他任何框架中使用，今天通過本文給大家介紹移動端調(diào)試神器vConsole使用，感興趣的朋友一起看看吧2022-04-04
Vue腳手架搭建及創(chuàng)建Vue項目流程的詳細教程
Vue腳手架指的是vue-cli,它是一個快速構(gòu)建**單頁面應(yīng)用程序(SPA)**環(huán)境配置的工具，cli是(command-line-interfac)命令行界面,下面這篇文章主要給大家介紹了關(guān)于Vue腳手架搭建及創(chuàng)建Vue項目流程的相關(guān)資料,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue3中vite使用sass的配置方法,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
vue前端el-input輸入限制輸入位數(shù)及輸入規(guī)則
這篇文章主要給大家介紹了關(guān)于vue前端el-input輸入限制輸入位數(shù)及輸入規(guī)則的相關(guān)資料,文中通過代碼介紹的介紹的非常詳細,對大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue3中使用ant-design-vue的layout組件實現(xiàn)動態(tài)導(dǎo)航欄和面包屑功能
這篇文章主要介紹了vue3中使用ant-design-vue的layout組件實現(xiàn)動態(tài)導(dǎo)航欄和面包屑功能,基于一個新建的Vue3項目上實現(xiàn)，本文結(jié)合示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-01-01
在做vue項目的過程中有時候會遇到一個問題,就是進行F5頁面刷新的時候,頁面的數(shù)據(jù)會丟失,這篇文章主要給大家介紹了關(guān)于Vue刷新后頁面數(shù)據(jù)丟失問題的解決過程,需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細介紹了vue.js中指令Directives，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
在本篇文章里小編給大家整理了關(guān)于vue中nextTick用法實例以及相關(guān)代碼內(nèi)容，需要的朋友們可以參考下。2019-09-09
最近公司新啟動了個項目，用的是vue框架在做,下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)token登錄驗證的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue全局注冊自定義指令防抖解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05