vite整合vue的项目打包部署后发送请求出现问题

在vscode中直接运行没有报错，运行npm run preview看打包后的项目也没问题，但打包后放到tomcat里运行就报错，下图为vite.config.js，标红的为部署服务器的ip，前端端口号为6204，tomcat端口号为31551

报错如下图：请求后端的地址端口号变成了tomcat端口31551，ip也成了tomcat配置的ip

如果所有的请求都返回 404 Not Found，那么应该会在 Tomcat 的日志中记录相应的错误信息。一般情况下，Tomcat 的日志位于 logs 目录下，文件名为 catalina.<日期>.log。

找到该文件后，可以搜索最近的行，看是否有和请求相关的异常信息。如果能够找到具体的异常信息，可能会更有助于解决问题。

你这是代理，不是说tomcat端口被改变，检查一下路径配置错误

和tomcat 端口没有关系，这个错误是指你的接口url 后端服务里面没有对应的路由响应。你的后端服务的basePath是不是subway 。如果是的话，monitor/name 这个接口有没有

在前端代码中找到请求后端接口的代码，

``
axios.get('http://xxx.xxx.xxx.xxx:31551/api/user')

将地址改为相对路径

axios.get('/api/user')

在前端代码中添加一个代理配置，将请求转发到后端接口的地址上。在您的情况下，可以在 vite.config.js 中添加以下代码：

export default {
// ...
server: {
proxy: {
// 将 /api 开头的请求转发到后端接口的地址上
'/api': {
target: 'http://xxx.xxx.xxx.xxx:31551',
changeOrigin: true,
rewrite: (path) => path.replace(/^/api/, '')
}
}
}
}

重新打包前端代码，并将打包后的代码部署到 tomcat 上。