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中使用自定义指令实现按钮权限展示功能，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-04-04
本文主要介绍了vue项目中路由懒加载的三种方式,主要包括vue异步组件,组件懒加载,webpack的require.ensure(),具有一定的参考价值,感兴趣的可以了解一下2024-01-01
这篇文章主要介绍了vue3使用tinymce的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue自定义实例化modal弹窗,Vue.extend 属于Vue的全局 api，在实际业务开发中我们很少使用，因为相比常用的 Vue.component写法使用 extend 步骤要更加繁琐一些，本文结合实例代码给大家介绍的非常详细，需要的朋友参考下2022-09-09
electron踩坑之remote of undefined的解决
这篇文章主要介绍了electron踩坑之remote of undefined的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
要实现 Vue 自定义组件改变组件背景色,你可以通过 props 将背景色作为组件的一个属性传递给组件,在组件内部监听这个属性的变化,并将其应用到组件的样式中,下面通过示例代码介绍Vue如何实现自定义组件改变组件背景色,感兴趣的朋友一起看看吧2024-03-03
今天小编就为大家分享一篇vue设置动态请求地址的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue组件传值的11种方式总结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
Vue3中ref方法和reactive方法的区别解析及哪个更高效
Vue3中的ref和reactive是创建响应式数据的核心API,它们在适用数据类型、访问方式、底层实现和适用场景上存在显著差异,ref适用于任何类型的值,而reactive仅适用于对象或数组,下面通过本文给大家介绍Vue3中ref方法和reactive方法的区别,感兴趣的朋友跟随小编一起看看2026-01-01
在开发工作过程中，我们会遇到各种各样的表格数据导入，动态数据导入可以减少人为操作，减少出错。本文为大家介绍了Vue3实现动态导入Excel表格数据的方法，需要的可以参考一下2022-11-11
最新评论