使用文件协议访问本地反应路由器路由

Question

我正在用React和Electron构建一个应用程序，并使用React Router Dom进行导航(我使用HashRouter，因为它不会在生产中的服务器上(。我正试图打开一个新的电子窗口，显示一个用React制作的页面，但我不知道如何使用文件协议访问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路由的方法是在index.html路径的末尾添加"#/[page name]"，因为HashRouter会查看URL哈希(URL片段(。现在我的代码是这样的：

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