在 React 中导航到跨源 URL 时出现问题

Question

有没有办法从 React.js 应用导航到跨源 URL？

window.location.href = **cross origin url**

这仅在第一次尝试时有效，然后在应用程序保存为 PWA 时无效。由于缓存，它只是重定向到相同的来源。

Answer 1

我已经通过在serviceWorker.js中添加下面的代码sn-p来解决它

window.addEventListener("load", () => {
   // ...

   if (isAPIRoute()) {
        console.info("unregistering service worker for api route");
        unregister();
        console.info("reloading");
        window.location.reload();
        return false;
   } 

   // ...
}

function isAPIRoute() {
  return window.location.pathname.startsWith("/api");
}