我使用Nuxt3开发我的网站,并按照这里的说明进行部署:https://v3.nuxtjs.org/getting-started/deployment#static-hosting
我成功地获得了dist
和节点服务器托管的web(运行npx serve -o dist
)也工作得很好,但直接在浏览器中打开index.html
导致网页渲染没有任何CSS和图像。
<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好。