Vite代理未转发请求至目标URL问题求助

针对你遇到的代理请求仍走客户端3000端口、报404的问题，可按以下步骤排查解决：

• 重启Vite开发服务器
  Vite配置修改后不会自动热重载，必须重启dev服务才能让新的代理规则生效。如果改完配置没重启，代理逻辑根本没启用，请求自然还是走3000端口。

• 核对服务端路由匹配规则
  你的代理配置中通过rewrite: (path) => path.replace(/^\/api/, '')，会把/api/hello重写为/hello转发到8080端口。请确认服务端是否存在/hello接口——如果服务端只有/api/hello，要么删除rewrite规则，要么调整服务端路由路径。

• 补充Cookie传递必要配置
  要实现服务端向客户端传递Cookie，当前配置缺少withCredentials: true参数，这是请求携带Cookie、代理正确转发Cookie的关键配置。修改后的完整代理配置如下：

  server: {
    port: 3000,
    host: true,
    proxy: {
      '/api': {
        target: 'http://localhost:8080/',
        changeOrigin: true,
        secure: false,
        ws: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
        withCredentials: true // 新增Cookie传递配置
      },
    }
  }
  

• 检查请求路径拼写
  确认请求代码里的/api/hello路径无拼写错误，注意大小写、斜杠等细节，避免因路径不匹配导致代理规则未触发。

内容的提问来源于stack exchange，提问作者nghia tran