vite的proxy查看真实请求地址方式详解
更新时间：2023年11月20日 09:52:30 作者：旅图灬
这篇文章主要为大家介绍了vite的proxy查看真实请求地址方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
方式一 使用--debug模式编译
在package.json文件中，使用--debug模式编译。此时终端编译可以看到代理地址，但是看到的只是域名，还不够全。
"scripts": {
"dev": "vite --mode development --debug",
},方式二 使用 bypass函数
使用 bypass函数，获取代理结果，设置响应头（请求头设置未生效，也可以在响应头上看）
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查看真实请求地址方式详解的详细内容，更多关于vite的 roxy查看请求地址的资料请关注脚本之家其它相关文章！
相关文章
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具，这篇文章主要介绍了Vue中nvm-windows的安装与使用,需要的朋友可以参考下2023-02-02
文件上传是web开发中一个常见的需求,Vue.js作为一款流行的前端框架,也提供了方便的方法来实现文件上传功能,下面这篇文章主要给大家介绍了关于基于Vue实现文件上传的几种实现方式,需要的朋友可以参考下2024-03-03
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
本篇文章主要介绍了浅谈vue中使用图片懒加载vue-lazyload插件详细指南，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-10-10
详解Vue.js使用Swiper.js在iOS<11时出现错误
这篇文章主要介绍了详解Vue.js使用Swiper.js在iOS<11时出现错误，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
最近在使用element-ui的表格组件时,遇到了搜索框功能的实现问题,这篇文章主要给大家介绍了关于如何使用elementUI组件实现表格的分页及搜索功能的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了vue项目打包步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
Element UI 上传组件实现文件上传并附带额外参数功能
在使用 ElementUI 的上传组件 el-upload 实现文件上传功能时,如果单文件上传是比较简单的,但是在实际需求中,往往会在上传文件时伴随着一些其他参数,怎么操作呢,下面通过示例代码讲解感兴趣的朋友一起看看吧2023-08-08
这篇文章主要介绍了vue3如何实现单点登录问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了vue实现简易计时器组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
vue 路由懒加载中给 Webpack Chunks 命名的方法
这篇文章主要介绍了在 vue 路由懒加载中给 Webpack Chunks 命名的方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
最新评论