部署React应用到GitHub Pages后翻译文件路径异常问题

我基于React+Vite构建站点，用i18next.js实现文本翻译，部署在GitHub Pages并使用自定义域名。当前站点运行异常，出现Failed to load resource: the server responded with a status of 404 ()错误，显然是翻译文件的路径配置有误。

我已经尝试了十多种不同的路径配置方案，示例如下：

loadPath: "{{lng}}.json",
loadPath: `${domain}/translations/{{lng}}.json`,
loadPath: "/translations/{{lng}}.json",

但均未解决问题。

开发环境下，翻译文件存放路径为/src/translations/(文件名).json，以下是我的i18n.js文件内容：

import i18n from "i18next";
import Backend from "i18next-http-backend";
import LanguageDetector from "i18next-browser-languagedetector";
import { initReactI18next } from "react-i18next";

i18n
  .use(Backend)
  .use(LanguageDetector)
  .use(initReactI18next) // passes i18n down to react-i18next
  .init({
    lng: "pl",
    backend: {
      loadPath: "/translations/{{lng}}.json",
    },
    fallbackLng: "pl",
    debug: false,
    interpolation: {
      escapeValue: false,
    },
    react: { wait: true },
  });

export default i18n;

内容的提问来源于stack exchange，提问作者lbs91