Tengo una aplicación nuxt.js detrás del proxy inverso nginx. El archivo conf de nginx se ve así:
server { listen 80; # Match *.lvh.me server_name ~^(?<user>.+)\.lvh\.me$; location / { proxy_pass http://localhost:8080/sites/$user$uri$is_args$args; } location ~* \.(?:js|css|jpg|jpeg|gif|png|ico|cur|svg)$ { proxy_pass http://localhost:8080; } }Como puede ver, estoy asignando todos los subdominios de mi sitio a una ruta específica en mi sitio y funciona bien. También estoy asignando todos los activos para que se carguen desde la raíz (porque de lo contrario arroja un error 404).
El único problema al que me enfrento es que cada vez que visito un subdominio, eg subdomain.lvh.me , carga dos páginas una encima de la otra, la página original de la raíz del subdominio (que se espera), pero también la página de la raíz del dominio principal. ie lvh.me (que no se espera).
¿Puede revisar mi archivo conf para ver si estoy haciendo algo mal aquí?
Así que encontré este problema y lo que hice para solucionarlo fue no confiar en la root de Nginx ni en proxy_pass . En su lugar, utilicé un bloque de ubicación con un alias y un try_files dentro de esta manera:
location ^~ / { alias /path/to/dist; try_files $uri $uri/ /index.html = 404; }