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