javascript - Chrome扩展程序默认html或404(用于单页应用程序路由)

Question

我们的 Chrome 扩展程序浏览器操作会打开一个新选项卡:

chrome.tabs.create({
  url: chrome.extension.getURL('/html/main.html?route=/home')
})

main.html 是一个单页应用程序条目，它使用 HTML5 历史记录 API (history.pushState) 来更改 /html/main.html?route=/home 到 /home。这有效，并且应用程序内的导航也有效。

唯一的问题是，如果用户刷新页面 /home 将出现 404。

This webpage is not found ERR_FILE_NOT_FOUND

有没有办法制作默认的html或自定义404，将/x/y/z重定向到/html/main.html？route=/x/y/z ？

Answer 1

您应该可以使用webRequest API来做到这一点(未经测试!):

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
    if(/* condition on details.url */) {
      return {redirectUrl: fix(details.url)};
    }
  }, {
    urls: ["chrome-extension://" + chrome.runtime.id + "/*"]
  }, [
    "blocking"
  ]
);

请注意，您需要 webRequest 和 webRequestBlocking 权限。