Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

143
Vistas
¿Cómo implementar múltiples aplicaciones de reactjs con nginx?

Estoy tratando de implementar varios proyectos en la misma ruta.

Estoy trabajando con un virtualbox usando ubuntu. Creé una carpeta llamada multiproyectos y dentro hay 3 carpetas con un proyecto dentro de cada una: demo , project1 y project2 .

  • La carpeta de demostración contiene todos los archivos creados después de llamar a npm run build en el proyecto de demostración.

  • La carpeta project1 contiene una carpeta, con nombre build, que contiene todos los archivos creados después de llamar a npm run build on project1.

  • La carpeta project2 contiene una carpeta, con nombre build, que contiene todos los archivos creados después de llamar a npm run build on project2.

Además, project1 contiene "página de inicio" en package.json que redirigen a project1. "página de inicio": "/proyecto1". project2 contiene "página de inicio" en package.json que redirigen a project2. "página de inicio": "/proyecto2" y el proyecto de demostración no contiene la página de inicio en pacakage.json

Cada proyecto tiene en App.js su propia ruta pública:

Por ejemplo, en proyecto demo tiene como publicPath /demo, en proyecto1 /proyecto1 y finalmente en proyecto2 /proyecto2

 const publicPath = "/demo"; return ( translations && styles && ( <BrowserRouter basename={publicPath}> <ToastProvider> <IntlProvider key={settings.locale} locale={settings.locale} defaultLocale="en" messages={translations[settings.locale]} > <Routes /> </IntlProvider> </ToastProvider> </BrowserRouter> )

Y esta es mi configuración de nginx:

 server { listen 8090; server_name localhost; index index.html index.htm; location /project1 { root /home/osboxes/Documents/multiproject/project1/build; try_files $uri $uri/ /index.html; } location /project2 { root /home/osboxes/Documents/multiproject/project2/build; try_files $uri $uri/ /index.html; } location / { root /home/osboxes/Documents/multiproject/demo; try_files $uri $uri/ /index.html; } }

Tengo dos preguntas:

  • ¿Cómo puedo hacerlo mejor?
  • ¿Cómo se puede hacer esto en un archivo docker?
over 4 years ago · Santiago Trujillo
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 Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda