PIXI.js 在使用基本 URL 时多次加载相同的图像

Question

我正在使用 PIXI.js 开发一款游戏，该游戏将托管在 URL X 上并加载到另一个具有 URL Y 的网站上。

为了实现这一点，我使用了一个 BASE_URL 环境变量，本地时为 ''，非本地时为 'https://something.web.app'。

所以，我可以这样做：

import avatar from "../assets/images/avatar.svg";

const BASE_URL = process.env.BASE_URL || '';

loader.add(BASE_URL + avatar);

这似乎可行，有点。它似乎首先发出正确的请求（使用 BASE_URL），然后然后再次没有 BASE_URL。在下图中，您可以看到错误的第二个请求：

这会导致图像不显示在游戏容器中。

如果我省略了 BASE_URL（就像几个小时前一样），它只会请求一次图片。

我可以在这里尝试什么？我正在使用 ParcelJS 来打包这一切。

Answer 1

我只是忘了在其他地方做BASE_URL + avatar。哎呀。