backend - Github 页面 vite JS 构建不显示图像

Question

我正在尝试使用 Github 页面制作简单的作品集，但图像有问题。我无法加载它们。你能帮我解决这个问题吗？

https://xakepa.github.io/Portfolio/

这是我的构建文件夹。我使用了 Vite 和三个库 https://github.com/xakepa/Portfolio/tree/main/dist

标签： backendvite

Answer 1

我发现了问题。它在装载中。例如

const spaceTexture = new THREE.TextureLoader().load("./images/space.jpg");

问题出在我尝试的补丁中（“./images/space.jpg”）；或 ("/images/space.jpg"); 但这些只能在本地工作，不能在 github 页面中工作。

正确的方法是没有任何破折号或点和

("images/space.jpg");