把产物丢进 nginx 子目录之后,页面为什么白了

这是本项目真实踩过的坑:代码没错、构建也成功,只是 app.baseURL 和「产物挂在哪个 URL 前缀下」不一致。 改下面两个输入,右边三块结论实时跟着变。

[迷你控制台] 每次改动都会解释「浏览器实际会去哪个 URL 拿文件」

部署前照着勾一遍

核对项正确值(示例:部署在 /nuxt/)怎么验
app.baseURL 与子目录一致app: { baseURL: '/nuxt/' }看 index.html 里 src 是不是 /nuxt/_nuxt/…;F12 Network 第一条不能是 404
assets.publicPath / app.cdnURL只有资源单独放 CDN 时才写:assets: { publicPath: 'https://cdn.example.com/nuxt/' }只改 baseURL 但资源在 CDN 上,路径就会拼错
生成命令纯静态用 npx nuxt generate;npx nuxt build 出的是要跑 Node 的 .output/server/index.mjs静态托管却用 build,等于上传了一堆用不上的东西
产物目录.output/publicnginx 的 root/alias 要指到这一层(或其上一级),别指进 _nuxt
404.html 存在静态托管的兜底页访问乱写的路径应回你的 404 页,而不是 nginx 默认页
sitemap 的 site.urlsite: { url: 'https://example.com/nuxt/' }:真实域名 + 真实前缀生成的 sitemap.xml 里每条链接都要能点开
history 路由刷新由 baseURL 带上 router base + try_files 或预渲染手动刷新 /nuxt/articles/a 不能 404