托管在 github 页面中时，Javascript 无法与资产文件夹链接

Question

我使用 Muse 创建了一个网站，并决定将其托管在 github pages 中。

我使用 howler.js 来制作音频并将其放入 js 文件中。

在本地测试时，我的网站运行良好。我的音频工作正常。但是，当我将其托管在 github 页面中时，音频链接中断，并且出现 404 错误

这是我的 js 文件。

const underwater = new Howl({
  src: ["../assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

代码在本地运行良好。

但是，当托管在 github 页面中时，我看到链接变成了这样： https://username.github.io/assets/underwater.mp3

应该是这样的： https://username.github.io/myproject/assets/underwater.mp3

您知道如何解决这个问题吗？非常感谢您的帮助...

谢谢

Answer 1

我认为您可以通过这种方式将父调用 (../) 替换为 (./)：

const underwater = new Howl({
  src: ["./assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

检查我如何通过 ./assets 更改 ../assets