如何在捆绑的 Electron 应用程序中调用服务器相对 URL？

Question

我正在尝试从 Electron 应用程序调用 API，但找不到如何正确配置它的方法。首先简要介绍一下上下文。用例是一个 Web SPA，我想将其作为桌面应用程序提供，对现有代码库的更改最少。我将 webpack 生成的所有相关静态文件捆绑到 Electron 应用程序中（我的main.js调用win.loadFile('index.html')），但随后会调用 API 以获取数据。在代码库中，这些是以“/api/”开头的易于识别的 URL。这在用作 Web SPA 时工作正常，但在打包到 Electron 时失败，因为它假定它是对静态文件的调用。关于该主题的文档和现有 StackOverflows 很少，但我一直在尝试使用interceptHttpProtocol/interceptFileProtocol 没有取得太大的成功。我的第一个问题是这真的是我应该在这种情况下使用的，还是有其他机制？如果（这是一个很大的如果）我应该使用这些拦截器，从文档中我并不真正了解它们是如何工作的。如果我想将文件调用更改为 http，我知道会是这样，protocol.interceptHttpProtocol('file'...)但我不是 100% 确定。无论如何，只需执行以下操作：protocol.interceptFileProtocol('file', (request, callback) => {  callback({ path: request.url.substr(7) });}（这里的想法是什么都不做 - 将文件调用重新转换为相同的文件调用只是为了测试拦截器功能）导致空白页面和“不允许加载本地资源”错误。如果我设置，webSecurity: false我只会得到一个空白页并且没有错误。使用interceptHttpProtocol 和google.com 链接的类似结果。非常感谢正确方向的指针。按照计划，BI 可以使用 Service Workers 或 Webpack URL 重写来将 URL 从相对更改为绝对，但这有点麻烦——当然有一种“正确”的方法可以做到这一点。

Answer 1

好的，这似乎比使用更好的方法protocol：

session.defaultSession.webRequest.onBeforeRequest((details, callback) => {

  if (details.url.indexOf('file://api./') == 0) { //TODO Change to regex & parametrize (optional - set default value)

    //TODO Test it works with non-GET (should work - using 307 redirect)

    callback({ redirectURL: `http://localhost/${details.url.substr(12)}` }); //TODO Parametrize (mandatory)

  } else {

    callback({}); //TODO Test this works

  }

});

使用protocol应该仍然有效，但我认为它会使用interceptBufferProtocol：

protocol.interceptBufferProtocol('file', (request, result) => {

  if (request.url.indexOf('file://api./') == 0) {

    return result(new Buffer('{}')); //TODO Call API and return Buffer response (I suppose)

  } else {

    // FIXME What goes here!? As in "just continue doing what you would have done"

  }

});

我仍然不知道如何在那里解决 FIXME，所以如果有人能回答，将不胜感激。

Answer 2

尝试改变这样的路径

path: path.normalize(`${__dirname}/${url}`)