vite的proxy查看真實請求地址方式詳解
更新時間：2023年11月20日 09:52:30 作者：旅圖灬
這篇文章主要為大家介紹了vite的proxy查看真實請求地址方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
方式一 使用--debug模式編譯
在package.json文件中，使用--debug模式編譯。此時終端編譯可以看到代理地址，但是看到的只是域名，還不夠全。
"scripts": {
"dev": "vite --mode development --debug",
},方式二 使用 bypass函數(shù)
使用 bypass函數(shù)，獲取代理結(jié)果，設(shè)置響應(yīng)頭（請求頭設(shè)置未生效，也可以在響應(yīng)頭上看）
bypass(req, res, options: any) {
const proxyURL = options.target + options.rewrite(req.url);
console.log('proxyURL', proxyURL);
req.headers['x-req-proxyURL'] = proxyURL; // 設(shè)置未生效
res.setHeader('x-req-proxyURL', proxyURL); // 設(shè)置響應(yīng)頭可以看到
},
以上就是vite的proxy查看真實請求地址方式詳解的詳細(xì)內(nèi)容，更多關(guān)于vite的 roxy查看請求地址的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue使用自定義指令實現(xiàn)按鈕權(quán)限展示功能
這篇文章主要介紹了vue中使用自定義指令實現(xiàn)按鈕權(quán)限展示功能，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-04-04
本文主要介紹了vue項目中路由懶加載的三種方式,主要包括vue異步組件,組件懶加載,webpack的require.ensure(),具有一定的參考價值,感興趣的可以了解一下2024-01-01
這篇文章主要介紹了vue3使用tinymce的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了vue自定義實例化modal彈窗,Vue.extend 屬于Vue的全局 api，在實際業(yè)務(wù)開發(fā)中我們很少使用，因為相比常用的 Vue.component寫法使用 extend 步驟要更加繁瑣一些，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友參考下2022-09-09
electron踩坑之remote of undefined的解決
這篇文章主要介紹了electron踩坑之remote of undefined的解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
要實現(xiàn) Vue 自定義組件改變組件背景色,你可以通過 props 將背景色作為組件的一個屬性傳遞給組件,在組件內(nèi)部監(jiān)聽這個屬性的變化,并將其應(yīng)用到組件的樣式中,下面通過示例代碼介紹Vue如何實現(xiàn)自定義組件改變組件背景色,感興趣的朋友一起看看吧2024-03-03
今天小編就為大家分享一篇vue設(shè)置動態(tài)請求地址的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue組件傳值的11種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue3中ref方法和reactive方法的區(qū)別解析及哪個更高效
Vue3中的ref和reactive是創(chuàng)建響應(yīng)式數(shù)據(jù)的核心API,它們在適用數(shù)據(jù)類型、訪問方式、底層實現(xiàn)和適用場景上存在顯著差異,ref適用于任何類型的值,而reactive僅適用于對象或數(shù)組,下面通過本文給大家介紹Vue3中ref方法和reactive方法的區(qū)別,感興趣的朋友跟隨小編一起看看2026-01-01
Vue3實現(xiàn)動態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法詳解
在開發(fā)工作過程中，我們會遇到各種各樣的表格數(shù)據(jù)導(dǎo)入，動態(tài)數(shù)據(jù)導(dǎo)入可以減少人為操作，減少出錯。本文為大家介紹了Vue3實現(xiàn)動態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法，需要的可以參考一下2022-11-11