vite的proxy查看真實請求地址方式詳解
更新時間：2023年11月20日 09:52:30 作者：旅圖灬
這篇文章主要為大家介紹了vite的proxy查看真實請求地址方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
方式一 使用--debug模式編譯
在package.json文件中，使用--debug模式編譯。此時終端編譯可以看到代理地址，但是看到的只是域名，還不夠全。
"scripts": {
"dev": "vite --mode development --debug",
},方式二 使用 bypass函數(shù)
使用 bypass函數(shù)，獲取代理結(jié)果，設置響應頭（請求頭設置未生效，也可以在響應頭上看）
bypass(req, res, options: any) {
const proxyURL = options.target + options.rewrite(req.url);
console.log('proxyURL', proxyURL);
req.headers['x-req-proxyURL'] = proxyURL; // 設置未生效
res.setHeader('x-req-proxyURL', proxyURL); // 設置響應頭可以看到
},
以上就是vite的proxy查看真實請求地址方式詳解的詳細內(nèi)容，更多關于vite的 roxy查看請求地址的資料請關注腳本之家其它相關文章！
相關文章
nvm全英文也叫node.js version management，是一個nodejs的版本管理工具，這篇文章主要介紹了Vue中nvm-windows的安裝與使用,需要的朋友可以參考下2023-02-02
基于Vue實現(xiàn)文件上傳的幾種實現(xiàn)方式
文件上傳是web開發(fā)中一個常見的需求,Vue.js作為一款流行的前端框架,也提供了方便的方法來實現(xiàn)文件上傳功能,下面這篇文章主要給大家介紹了關于基于Vue實現(xiàn)文件上傳的幾種實現(xiàn)方式,需要的朋友可以參考下2024-03-03
淺談vue中使用圖片懶加載vue-lazyload插件詳細指南
本篇文章主要介紹了淺談vue中使用圖片懶加載vue-lazyload插件詳細指南，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-10-10
詳解Vue.js使用Swiper.js在iOS<11時出現(xiàn)錯誤
這篇文章主要介紹了詳解Vue.js使用Swiper.js在iOS<11時出現(xiàn)錯誤，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
如何使用elementUI組件實現(xiàn)表格的分頁及搜索功能
最近在使用element-ui的表格組件時,遇到了搜索框功能的實現(xiàn)問題,這篇文章主要給大家介紹了關于如何使用elementUI組件實現(xiàn)表格的分頁及搜索功能的相關資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了vue項目打包步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
Element UI 上傳組件實現(xiàn)文件上傳并附帶額外參數(shù)功能
在使用 ElementUI 的上傳組件 el-upload 實現(xiàn)文件上傳功能時,如果單文件上傳是比較簡單的,但是在實際需求中,往往會在上傳文件時伴隨著一些其他參數(shù),怎么操作呢,下面通過示例代碼講解感興趣的朋友一起看看吧2023-08-08
這篇文章主要介紹了vue3如何實現(xiàn)單點登錄問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡易計時器組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
vue 路由懶加載中給 Webpack Chunks 命名的方法
這篇文章主要介紹了在 vue 路由懶加載中給 Webpack Chunks 命名的方法，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04