Vite打包后静态资源路径404错误

Question

使用Vite构建项目后，部署到Nginx或静态服务器时，常出现静态资源（如JS、CSS、图片）返回404错误。问题多源于`base`配置不当：若未正确设置`build.base`路径，资源请求会指向错误的根目录。例如，部署在子路径下却使用默认`/`，导致浏览器请求路径与实际资源位置不符。需在`vite.config.js`中根据部署环境配置`base: '/子路径/'`，并确保服务器正确映射静态资源目录，避免路径解析错误引发的404问题。