// vite.config.js
export default { base: '/blog/' }
# 或命令行
npx vite build --base=/blog/

打包后部署到 /blog 子目录,页面样式全丢,控制台一片 404 指向根目录下的 /assets 文件。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。

原因不复杂,构建时 base 默认按根路径处理,产物里的资源地址都写成 /assets 开头,放到子目录下自然找不到。

「vite 静态资源路径」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。改完隔一天再看一次,当场正常不代表能稳住。

测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。

日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

处理上按这个顺序:把 base 改成实际部署的子路径;重新构建并清掉旧产物;确认 index.html 里的引用跟着变了。

改完只确认一件事:页面样式脚本正常加载,网络面板里资源地址带 /blog 前缀。

作者 9823189