vite配置proxy代理 配置rewrite不生效

已于 2023-11-11 17:03:32 修改
阅读量1.8k 收藏 2
点赞数 3
文章标签： vue.js proxy模式
于 2023-11-10 09:45:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43821364/article/details/134325418
版权
文章讲述了在使用Vite配置proxy代理时，遇到为不同环境添加接口前缀并试图通过rewrite重写路径的问题，导致接口无效返回500错误。作者发现隐藏`host:0.0.0.0`后接口可以访问，但具体原因尚待进一步研究。
摘要由CSDN通过智能技术生成

# vite配置proxy代理时 rewrite遇到的问题 #

给不同环境添加接口前缀 再通过rewrite配置重写路径发现接口无效 报500 

修改：网上查找资料寻不到原因，尝试着隐藏 host: "0.0.0.0"后 接口成功访问

具体因为什么 后续研究...

失去信仰的猪
关注
Vue使用Proxy代理后仍无法生效的解决
01-21
vue.js 配置了前端代理却未能生效 记录一下最近踩得小坑： 配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查： 检查index.js文件中的代理是否配置正确，示例如下： proxyTable: { '/api': { //代理标识 target: 'http://xxx.xxx.xxx',//指向的实际地址 changeOrigin: true, // 允许跨域 pathRewrite: { // 标识替换 // 原请求地址为 /api/getData 将'/api'替换''时
vue3+vite用proxy解决跨域及proxy原理解析
Web_boom的博客
06-21 1万+
前端跨域的方式是面试八股文中常见的一部分，最近面试中也是被问到跨域的问题，跨域的解决方案无非就是几个本地项目中调试用的最多的就是 node代理如果是跨域，你将会发现下图的报错，经典的跨域问题，前端和后端都是我的本地项目，但仅仅是端口的不同，浏览器请求就发生了跨域的问题 先开启一个后端node服务 由于需要用到一个后端接口来测试是否能够发生跨域效果，我们利用node开启一个服务，在vue项目之外开启一个node文件，然后执行以下代码 vscode中可以直接下载一个工具用来跑node文件，直接右键就能运行,非常
vite.config.ts中proxy的rewrite理解
joan_yb的博客
08-06 473
vite.config.ts中proxy的rewrite理解
Vite 配置代理 Proxy，解决跨域
热门推荐
wsdshdhdhd的博客
08-15 3万+
我们在编写前端项目的时候，经常会遇到跨域的问题，当我们访问后端 API 的 URL 路径时，只要域名、端口或访问协议（如 HTTP 和 HTTPS）有一项不同，就会被浏览器认定为跨域。另外我们也会经常重复编写后端的域名，例如，，针对这两种情况，可以直接用同一个配置来解决，即代理配置。​。...
Vite配置Proxy代理解决跨域问题
~~~
05-29 1万+
vite配置proxy代理属于node中间件代理，简单来说，就是通过开启一个代理服务器，来充当一个中间层的角色，拦截前端发起的请求。代理服务器实际做的事：会在前端页面发起请求时，将请求**转发**到真实的后端服务器，然后响应给浏览器。利用服务器之间不存在同源策略限制的原理，整个过程通过代理服务器完成，浏览器是无感的，就会绕过浏览器的同源策略。
rewrite 没有起作用的原因
moonlit1228的专栏
07-28 2078
<br />众所周知，zend framework 的工作机制是 要用 mod_rewrite 的， <br />按照要求配置了服务器， 并且正确修改了 .htaccess 之后， IE地址栏运行 <br />http://localhost/zend2/public/index/add <br /> <br />结果报错 Object Not Found ! <br />于是判断rewrite 的配置有问题。 <br /> <br />之前我是用 zf 命令生成了 zf 项目， 并用 zf create
vue3 + vite 代理配置无效的原因
GFreasy的博客
01-09 6054
vue3 + vite 代理配置无效的原因。
vue3+vite 配置代理后不生效404
qq_64209130的博客
06-30 9699
在重写路径的时候需要看接口有没有统一的前缀,如果有的话充写路径就需要重写到代理路径(这种情况要注意的一点是代理路径和统一前缀要一样),如果没有统一的前缀,重写路径要指向空(有统一前缀但是代理路径与统一前缀不一样也指向空)在检查服务器地址没有问题,接口地址也没有问题,用postman访问接口也能正常返回的情况下,可以看看vite.config.ts中proxy的rewrite。在开发环境中axios的baseUrl直接设为/api就可以正常访问接口了。proxy是配置代理的,rewrite是用来重写路径的。
vue3 + vite 代理失效
qq_75246137的博客
02-26 2458
vue3+vite代理失效，如何一步步排查问题
vite 代理无效的问题
xujiawei4399的博客
01-05 1031
后端接口 加上 /api。
vite 在proxy代理中更改headers
老司机的后备箱
01-14 3571
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
Vue3配置vite.config.js代理解决跨域问题
共同学习，共同成长
08-13 297
当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料
vite.config.js配置proxy
09-01
你可以在 `vite.config.js` 文件中配置代理。下面是一个示例： ```javascript module.exports = { // 其他配置项... server: { proxy: { // 将 `/api` 开头的请求代理到 `http://example.com` '/api': { ...
从0到1，带你搭建Vite+Vue3+Pinia+Naive UI后台（二） - 配置篇（上）
xxxzzzqqq_的博客
03-17 460
没有前言，接上一篇直接开始编写不易，还请各位赏个star。
vite+vue3 配置跨域代理
01-27
在vite + vue3项目中配置跨域代理可以通过...3. 保存`vite.config.js`文件后，重新启动项目，代理配置将生效。 这样，在你的Vue组件中，可以直接使用相对路径`/api`来发送请求，Vite会自动将请求转发到代理目标地址。
关于配置 vite 的 proxy 然而并不起作用的问题
https://github.com/QAQDFAFD
03-05 1797
【代码】关于配置 vite 的 proxy 然而并不起作用的问题。
Vite server重写规则失效
最新发布
weixin_47499816的博客
08-24 195
如果同时填写了，axios的baseURL参数，server的target参数，删除baseURL参数中的ip地址，重写规则就生效了。
vue3请求代理proxy中pathRewrite失效
Carmelo_7的博客
12-02 3510
在vue3配置请求代理proxy的时候pathRewrite失效及解决方案
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值