Estoy trabajando en una aplicación de reacción.
estoy usando axios para la solicitud de API
Agregué mi URL base en .env
cuando envié mi formulario y revisé la pestaña de red
yo vi esto
http://localhost:3000/%22http://localhost:8000/api/%22;get-nameen lugar de esto
localhost:8000/api/get-name.env
REACT_APP_DEV_BASE_URL = "http://localhost:8000/api/";mi código
import React from "react" import axios from "axios"; const Home = () => { const getName = () => { axios.get(`${process.env.REACT_APP_DEV_BASE_URL}get-name`, {"name": "John Stone"}) .then((respons) => {}) .catch((error) => {}) .finally(() => { console.log("finished..."); }); } return ( <div><button onClick={getName}>Get Name</button> ) } export default HomeDebe declarar sus variables de entorno con mucho cuidado. No use punto y coma o coma al final de la línea. Además, no tiene que poner comillas simples o dobles para resumir sus valores (si lo agrega, funcionará, pero esta no es la forma correcta de declarar sus variables .env ). Así que cambie su archivo .env de esta manera:
REACT_APP_DEV_BASE_URL=http://localhost:8000/api/Finalmente, reinicie su servidor de desarrollo.
Para obtener más información, lea este documento .
Para hacer uso de las variables de entorno que viven en el archivo .env, debe agregar el siguiente código al archivo de entrada de su proyecto, a menudo es App.js :
import axios from 'axios'; axios.defaults.baseURL = 'http://localhost:8000/api';