如何解决vite.config.js代理配置失效问题?

Question

vite.config.js的代理配置失效
问题描述：一个前后端分离项目，前端为vue3+vite4项目,
我提供的后端接口为7002，url为http://localhost:7002/user/info

我在vite.config.js做了代理的配置，这个配置一直不生效，

实际请求路径一直是http://localhost:4000/user/info,一开始请求失败404，后来莫名其妙请求成功了，并且返回数据为我后端http://localhost:7002/user/info接口的数据，但是实际请求路径仍然是http://localhost:4000/user/info，这是什么问题？

后续：
增加了新配置

7002和7004的请求成功了，但是7003的不成功
什么原因？

Answer 1

已解决，路径前缀重复被拦截导致请求出错！

Answer 2

代理的意思就是当你请求 vite 的时候，vite 根据一定的路由规则转到对应的服务（7002）上

所以network永远都是 4000，至于为什么没有生效，大概率就是没有重启或者缓存

Answer 3

你得先了解一下什么叫“代理”……

代理成功，访问原地址，得到代理目标的数据，是正常的。访问原地址，看到目标地址，那叫跳转（redirect）。