• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

129
Vistas
error de axios cuando la plantilla es literal en reactjs

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 :-(

about 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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}

about 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda