Estoy tratando de averiguar el error relacionado con la plantilla literal en reactjs (tsx)
export const Features = () => { const [features, setFeatures] = useState([]); const [isLoading, setLoading] = useState(false); const [keywords, setKeywords] = useState(""); const fetchData = async () => { setLoading(true); const result = await axios.get("http://123.123.123.123:8000/api/v1/features/?search=" + keywords); const result1 = await axios.get(`http://123.123.123.123:8000/api/v1/features?search=${keywords}`); setFeatures(result1.data.results); setLoading(false); }; /// const handlePageChange = () => { fetchData(); }; funciona totalmente bien cuando ejecuto con result pero el problema es result1 Estos dos se ven totalmente iguales pero cuando ejecuto result1 recibí un mensaje a continuación
Access to XMLHttpRequest at 'http://52.195.14.97:8000/api/v1/features?search=' from origin 'http://52.195.14.97:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:210 GET http://23.123.123.123:8000/api/v1/features?search= net::ERR_FAILED 301 ¿Alguien podría ayudarme a resolver esto? Quiero ejecutar con result1 por alguna razón :-(
Parece que le falta un / en su segunda URL después de la palabra clave de features . Hago esta suposición en función de su primera URL de API que parece funcionar.
Intente cambiar esto: http://123.123.123.123:8000/api/v1/features?search=${keywords}
A esto: http://123.123.123.123:8000/api/v1/features/?search=${keywords}