Nuxt3 static 生成中的资产路径不匹配

Question

我使用 Nuxt3 开发我的网站并按照此处的说明进行部署：https://v3.nuxtjs.org/getting-started/deployment#static-hosting

我成功地获得了dist和节点服务器托管 web（运行 npx npx serve -o dist ）也运行良好，但直接在浏览器中打开index.html导致呈现的网页没有任何 CSS 和图像。

我检查了生成的 html ，发现资产路径是这样的：

<link rel="modulepreload" href="/_nuxt/entry-1f8b74a8.mjs" as="script" crossorigin>

而我的dist文件夹看起来像：

dist
├── _nuxt
│   ├── entry-1f8b74a8.mjs
│   ├── entry.ff9830ad.css
│   ├── index-a3c0d3be.mjs
│   ├── index-e5b9c659.mjs
│   ├── index.072137e3.css
│   ├── lcdp-c28417d3.mjs
│   ├── manifest.json
│   ├── paper-b4b64fe8.mjs
│   └── paper.6897f003.css
├── imgs
│   ├── bg1.png
│   ├── bg2.png
│   └── other images...
└── index.html

我想可能是assets路径错误的原因吧？ 使用 nuxt3 生成 static 网站的正确方法是什么？

Answer 1

OP 实现了在 Vercel 上正确部署应用程序，无论如何，它比 Github 页面更好。