Блог

Я работаю над веб-приложением React, которое было преобразовано в PWA, и оно отлично работает и все такое. Но когда я пытаюсь вызвать веб-службу (что-то вродеhttps://www.somewebsite.com/api/someController?parametersHere ) при непосредственном вводе в адресной строке браузера возвращается пустой экран, и ничего не происходит. Нужно ли мне что-то изменить в манифестах или добавить какой-нибудь прослушиватель, чтобы обойти тот, который останавливает запуск веб-сервисов на маршрутах с «/api /»?

Я читаю о манифесте, в котором я добавляю область видимости, но не уверен, как это должно выглядеть, но добавление его так, как показано ниже, привело к появлению некоторого предупреждения на вкладке Приложения в консоли браузера.

 {
  "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 /» на тот случай, если это может сработать, но это также не дало никакого эффекта.

Я все еще не нашел главного виновника рассматриваемой проблемы, но я нашел обходной путь для этой проблемы. Во-первых, я добавил новый Route компонент в routes.tsx, который будет вызывать другой компонент React, где я запускал вызов веб-сервиса через redux-saga.