es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Uso de variable de entorno en create-react-app package.json proxy

01 Jun, 2023 Programación

Me gustaría configurar la propiedad “proxy” en el archivo package.json de un proyecto create-react-app con el valor de una variable de entorno llamada “REACT_APP_API_BASE_URL”. La variable está almacenada en el archivo .env.development.local. No encuentro la forma correcta de hacerlo. ¿Cuál es la notación correcta para acceder a la variable? Cada forma que he intentado termina en el siguiente error al iniciar la aplicación con “npm start”:

“Cuando se especifica “proxy” en el package.json, debe comenzar con http:// o https://”

Este error probablemente ocurrió porque no se accede correctamente al valor.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para establecer la propiedad “proxy” en el archivo package.json de un proyecto create-react-app con el valor de una variable de entorno llamada “REACT_APP_API_BASE_URL”, se puede utilizar la siguiente notación:

    {
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "proxy": {
    "/api": {
      "target": "${REACT_APP_API_BASE_URL}",
      "changeOrigin": true
    }
  }
}

    Asegúrese de que el archivo .env.development.local contenga la variable “REACT_APP_API_BASE_URL”. Puede acceder al valor de esta variable en el archivo package.json utilizando la sintaxis ${}.

    Si continúa recibiendo el mensaje de error “Cuando se especifica ‘proxy’ en package.json, debe comenzar con http:// o https://“, asegúrese de que el valor de la variable de entorno “REACT_APP_API_BASE_URL” comience con “http://” o “https://”. Esto es necesario para que el proxy funcione correctamente.

Comments are closed.