是否可以从React PWA中的地址栏直接访问Web服务？

问题描述

我正在开发一个React Web应用程序，该应用程序已转换为PWA，并且一切正常。但是，当我尝试通过在浏览器的地址栏中键入内容来直接调用网络服务（例如https://www.somewebsite.com/api/someController?parametersHere之类的服务时，它将返回黑屏，并且什么也没有发生。我是否需要更改清单中的某些内容或添加一些侦听器，以绕过那些阻止具有“ / api /”的路由的触发器触发Web服务的行为？

我正在阅读清单文件，我在其中添加了一个范围，但不确定应该是什么样，而是以如下所示的方式添加它，从而在浏览器控制台的“应用程序”选项卡中显示了一些警告。

{
  "short_name": "MyApp","name": "MyApp","icons": [
    {
      "src": "logo.png","sizes": "192x192","type": "image/png","purpose": "maskable any"
    }
  ],"start_url": "/","display": "standalone","theme_color": "#000000","background_color": "#ffffff","scope": "/api/"
}

它导致了此警告。

我还在react-router-dom中添加了一个路由，它会在可能的情况下监听“ / api /”，但它也没有任何作用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）