Как открыть внешний веб-сайт в моем приложении React
Я создаю PWA с React и хочу открыть внешний веб-сайт в своем приложении (например, в приложении Facebook, когда вы нажимаете ссылку, внешний сайт просто скользит снизу в дополнительное окно).
Поскольку мое приложение представляет собой PWA, я потенциально мог бы использовать iframe для того же эффекта, но, конечно, этот подход ограничен из-за опций x-frame.
Есть ли другие варианты для достижения желаемого поведения?
Да, но из-за опций x-frame этот подход действительно ограничен — попробуйте встроить Google в свой html, и вы поймете, что я имею в виду.
Вы можете получить страницу, используя fetch или ajax, а затем отобразить ее в элементе (возможно, div)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я не думаю, что есть другие способы, iframe — это точный инструмент для достижения того, чего вы хотите. x-frame-options существует из соображений безопасности, если некоторые веб-сайты не позволяют другим веб-сайтам загружать его через iframe, то у них есть на то причины. Правильный способ включения такого iframe — получить разрешение этого конкретного веб-сайта, т. е. они должны включить ваш домен в X-Frame-Options в качестве доверенной стороны.
По сути, вы хотите запустить ссылку внутри своего приложения? Тогда iframe, о котором вы упомянули, - это путь.