Github 頁面對 three.js 畫布和導入響應 404 錯誤

Question

當嘗試使用 three.js 背景托管我的網頁時，所有內容在本地托管時都可以正常加載，但是一旦我將其推送到 github 頁面，什么都沒有加載 - 只是 html。

我正在使用 vite 來打包我的代碼，並使用 gh-pages 將“dist”文件夾部署到托管分支。 按照 vite 的建議，我已嘗試將所有圖像和資產的 url 更改為“/image”，並將圖像存儲在根文件夾內的公用文件夾中。 我運行 $ npm run build 和 $ npm run preview ，一切看起來都不錯。 我運行 npm run deploy （我在 package.json 中添加了一個部署腳本，部署：'gh-pages -d dist'），然后在 github 頁面上托管 gh-pages 分支，只顯示 html，控制台顯示多個 404：文件未找到錯誤。

回購

托管代碼位於 gh-pages 分支上，如果還不清楚的話。

Answer 1

您的 JS 和 CSS 文件的 url 是錯誤的。
您的github 頁面正在嘗試從https://talmage89.github.io/assets/index.2e5bc2a5.js加載 JS ...
但它應該是：
https://talmage89.github.io/ThreeJSDemo2/assets/index.2e5bc2a5.js 。

在 Github Pages 上托管時設置基礎的 Vite 文檔 hss 特定說明