ha sido bloqueado por la política de CORS : no hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado. Si una respuesta opaca satisface sus necesidades, establezca el modo de solicitud en 'sin cors' para obtener el recurso con CORS deshabilitado
La URL que descarga un archivo txt en el navegador web https://google.com/complete/search?client=chrome&q=python
import './App.css'; import {useState} from 'react'; function App() { const [Keyword, setKeyword] = useState(""); const [Result, setResult] = useState([]); const findMatch = async () => { const getMatch = await fetch("http://google.com/complete/search?client=chrome&q=" + Keyword, { method: 'GET', headers: { 'Access-Control-Allow-Origin': true, 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.19582', 'Content-Type': 'text/plain', }, }) console.log(getMatch); } return ( <div className="App"> <input placeholder='Put Keyword' value={Keyword} onChange={(e) => setKeyword(e.target.value)} /> <button onClick={findMatch}>Search</button> </div> ); } export default App;
CORS es un servicio de verificación de origen del lado del servidor donde puede permitir o no permitir que ciertos orígenes soliciten sus recursos. Dado esto, su opción de encabezado 'Access-Control-Allow-Origin': true
se devolverá desde el servidor en un encabezado de RESPUESTA, mientras intenta colocarlo en el encabezado SOLICITUD y esto no funcionará. Puede intentar deshabilitar CORS en su solicitud, aunque esto permitirá menos encabezados en su solicitud:
const getMatch = await fetch("http://google.com/complete/search?client=chrome&q=" + Keyword, { method: 'GET', mode: 'no-cors', headers: { 'Content-Type': 'text/plain', }, })
Fuente: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#supplying_request_options