#javascript #reactjs #iframe #ecmascript-6 #x-frame-options
#javascript #reactjs #iframe #ecmascript-6 #x-frame-параметры
Вопрос:
Я создаю PWA с помощью React и хочу открыть внешний веб-сайт в своем приложении (например, в приложении Facebook, когда вы нажимаете на ссылку, внешний сайт просто скользит снизу в дополнительном окне).
Поскольку мое приложение является PWA, я потенциально мог бы использовать iframe для того же эффекта, но, конечно, этот подход ограничен из-за опций x-frame.
Существуют ли какие-либо другие варианты для достижения желаемого поведения?
Комментарии:
1. Вы, по сути, хотите запустить ссылку внутри вашего приложения? Тогда iframe, о котором вы упомянули, — это правильный путь.
2. Да, но из-за x-frame-опций этот подход действительно ограничен — попробуйте встроить Google в свой html, и вы понимаете, что я имею в виду
3. Вы можете получить страницу, используя
fetchorajax, а затем отобразить ее в элементе (divвозможно)
Ответ №1:
Я не думаю, что есть другие способы, iframe это точный инструмент для достижения того, чего вы хотите. x-frame-options существует по соображениям безопасности, если некоторые веб-сайты не позволяют другим веб-сайтам загружать его через iframe, значит, у них есть на это причины. Правильный способ включить такой iframe — получить разрешение этого конкретного веб-сайта, т. Е. они должны включить ваш домен в X-Frame-Options как доверенную сторону.