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



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

我成功地获得了dist和节点服务器托管的web(运行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

我猜原因可能是资产路径错误?使用nuxt3做静态网站生成的正确方法是什么?

OP实现了在Vercel上正确部署应用程序,无论如何,它在各方面都比Github Pages好。

最新更新