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查看请求地址的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家详细介绍了vue使用watch监听props的一些小建议,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要介绍了vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue3中如何实现定义全局变量，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
本篇文章主要介绍了vue中用H5实现文件上传的方法实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
Vue中使用JWT进行身份认证也是一种常见的方式,它能够更好地保护用户的信息,本文主要介绍了Vue开发中Jwt的使用详解,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
本篇文章主要介绍了Vue全家桶实践项目总结(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了如何使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,感兴趣的小伙伴可以参考下2023-11-11
这篇文章主要介绍了vue项目中使用axios遇到的相对路径和绝对路径问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
今天在做vue和springboot交互的一个项目的时候，想要基于前端实现一些只有登录验证之后才能访问某些页面的操作，所以在这里总结一下实现该功能的一个解决方案2021-10-10
这篇文章主要为大家详细介绍了Vues实现跑马灯效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
最新评论