Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

144
Views
¿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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!