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？？？
這個是什么鬼，本著繼續(xù)爬坑的理念，經過一番百度后，還是沒有找到需要的答案。
中文社區(qū)，說是url.parse棄用了？？
好吧，好在在GitHub上發(fā)現這個有人提的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項目中，還得記得在命令行執(zhí)行vite --force，清除緩存，不然換了版本還是報錯！?。?/p>
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue component組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
Vue動態(tài)加載圖片在跨域時無法顯示的問題及解決方法
這篇文章主要介紹了解決VUE動態(tài)加載圖片在跨域時無法顯示的問題,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
深入探討Vue計算屬性與監(jiān)聽器的區(qū)別和用途
在Vue的開發(fā)中,計算屬性（Computed Properties）和監(jiān)聽器（Watchers）是兩種非常重要的概念,它們都用于響應式地處理數據變化,本文將帶你深入了解計算屬性和監(jiān)聽器的區(qū)別,以及在何時使用它們,感興趣的朋友可以參考下2023-09-09
這篇文章主要介紹了vue父組件觸發(fā)事件改變子組件的值的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要為大家介紹了vue?模板循環(huán)繪制多行上傳文件功能實現詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
Vite使用unplugin-auto-import實現vue3中的自動導入
本文主要介紹了Vite使用unplugin-auto-import實現vue3中的自動導入,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-06-06
Vuex是一個專為Vue.js應用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲管理應用的所有組件的狀態(tài),并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化,下面這篇文章主要給大家介紹了關于vuex模塊獲取數據及方法的相關資料,需要的朋友可以參考下2023-03-03
vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserve
這篇文章主要介紹了vue3?圖片懶加載的兩種方式、IntersectionObserver和useIntersectionObserver實例詳解,本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-03-03
本文主要介紹了Electron+Vue3+Vite搭建桌面應用的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
這篇文章主要介紹了vue-router動態(tài)路由設置參數可選，文中給大家提到了vue-router 動態(tài)添加 路由的方法,需要的朋友可以參考下2019-08-08