Как получить метаданные (изображение, заголовок, описание) из любого URL в ReactJS

Question

Я хочу получить метаданные (заголовок, изображение, описание) из URL-адреса, например статьи Medium, и затем отобразить его в виде записи в моем блоге.Как это сделать.Я использую ReactJS

Я пытался использовать fetch и axios.get, но он всегда показывает ошибку в консоли браузера."Ошибка сети при попытке получить ресурс."«Запрос перекрестного источника заблокирован: та же политика происхождения запрещает чтение удаленного ресурса в https://medium.com/s/jessica-valenti/hateful-fox-news-rhetoric-can-do-real-world-harm-52e26008caa5. (причина: отсутствует заголовок CORS« Access-Control-Allow-Origin »)»

Answer 1

Используйте open-graph-scraper и сделайте запрос от backend-сервера. Работает как восторг

Answer 2

Вам не разрешено запрашивать URL-адреса запроса без заголовка CORS (Access-Control-Allow-Origin: *).Это связано с соображениями безопасности средних и других страниц.Им нужно активировать этот заголовок, чтобы клиенты могли запрашивать его у JS.

Вам понадобится серверная часть, выполняющая запрос за вас (nodejs, python, php и т. Д.).Вы также можете попробовать использовать https://cors-anywhere.herokuapp.com.