如何從ReactJS中的任何URL獲取元數據（圖像，標題，描述）

Question

我想從網址（如中型文章）中獲取元數據（標題，圖像，描述），然后將其顯示為我的博客上的帖子。 怎么做。 我正在使用ReactJS

我嘗試使用fetch和axios.get，但它始終在瀏覽器的控制台中顯示錯誤。 “嘗試獲取資源時出現NetworkError。” “跨原始請求被阻止：“同一來源策略”不允許在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並從后端服務器發出請求。 它像一種喜悅

Answer 2

不允許您請求沒有CORS標頭的請求URL（ Access-Control-Allow-Origin: * ）。 這是由於中等和其他頁面的安全性原因。 他們需要主動啟用該標頭，以允許客戶端從JS請求它。

您將需要一個為您做請求的后端（nodejs，python，php等）。 您也可以嘗試使用https://cors-anywhere.herokuapp.com 。