Использование файлового протокола для доступа к маршруту реакции маршрутизатора локально?

Question

Я создаю приложение с React и Electron и использую React Router Dom для навигации (я использую HashRouter, так как его не будет на рабочем сервере). Я пытаюсь открыть новое электронное окно и отобразить страницу, созданную с использованием React, но я не могу понять, как получить доступ к маршруту реагирующего маршрутизатора с использованием файлового протокола, поскольку каждая страница не получает свой собственный HTML-файл. Кто-нибудь знает, как я могу получить доступ к этому маршруту, используя файловый протокол?

Моя домашняя страница загружается в приложение с помощью этого, который работает для маршрута "/":

mainWin.loadURL(
    isDev
        ? 'http://localhost:3000'
        : `file://${path.join(__dirname, '../build/index.html')}`
)

Япытаюсь загрузить страницу во второе окно, которое должно использовать маршрут "/ settings".

settingsWin.loadURL(
    isDev
        ? 'http://localhost:3000/settings'
        : `file://${path.join(__dirname, '../build/index.html/settings')}`
)

Вот пути, которые я пытался использовать, но ни один из них не загружает страницу:

`file://${path.join(__dirname, '../build/index.html:settings')}`
`file://${path.join(__dirname, '../build/settings')}`
`file://${path.join(__dirname, '../build/index.html/settings')}`

Answer 1

Чтобы получить доступ к маршруту React Router локально, можно добавить «# / [page-name]» в конце пути index.html, поскольку HashRouter просматривает хэш URL-адреса (фрагмент URL-адреса). Теперь мой код выглядит так:

`file://${path.join(__dirname, '../build/index.html#/settings')}`