在 AngularJS / Electron 应用程序中设置 $location

Question

是否可以在 Electon 应用程序中更改 AngularJS 中 $location 的 URL，但不隐式加载该 URL？问题是 Electron 正在本地加载 index.html （和其他资源），这是有意的。但是当然它也会将$location 设置为本地文件系统。

背景： 我需要$location 指向服务器的原因是有一些现有的遗留代码（我不能更改）并且此代码使用例如$location.search。因此，在 Electron 应用启动后，我需要正确设置位置，这样遗留代码才能工作。

更新 17.07.2020

这是请求的示例代码：

我正在尝试使用window.location = "https://example.com?param1=test" 设置位置，以便AngularJS 函数$location.search() 返回param1=test。问题是，如上所述，当设置 window.location 时，Electron 从该服务器加载 index.html 并替换 BrowserWindow 的内容。但我想在本地加载那些资源（index.html、*.js、*.css）我也试过了：

window.location.href = ...
window.location.assign (...)
window.location.replace (...)

但所有这些都在重新加载页面。

Answer 1

我认为您需要为will-navigate 添加一个事件侦听器。可以在here 找到文档。重要的部分：

[will-event 事件将在用户或页面想要开始导航时发出。当 window.location 对象更改或用户单击页面中的链接时，可能会发生这种情况。

我想你的 ma​​in.js 文件看起来像这样，它是简单的，但我希望你能明白。

const {
  app
} = require("electron");

let window;
function createWindow(){
    window = new BrowserWindow(){...};
    // etc....
}

app.on("ready", createWindow);

// For all BrowserWindows you make, the inner bindings will be applied to each;
// more information for "web-contents-created" is here: https://www.electronjs.org/docs/api/app#event-web-contents-created
app.on("web-contents-created", (event, contents) => {
    contents.on("will-redirect", (event, navigationUrl) => {

        // prevent the window from changing path via "window.location = '....'"
        event.preventDefault();
        return;
    });
});

仅供参考：这个事件监听器是mainly used for security reasons，但我不明白为什么你不能在你的情况下使用它。