Estoy tratando de configurar un sitio nextJS + ExpressJS en Apache. Tengo un proxy inverso que reenvía cualquier solicitud a http://1.23.45.67 (mi ip en el puerto 80) a localhost:3000 donde se ejecuta mi servidor nodejs. Cuando abro el sitio en un navegador, todo se ve bien. Images/css se carga correctamente y puedo navegar por el sitio, pero cada vez que se realiza una solicitud ajax en el backend (por ejemplo, una llamada api para registrar un usuario), lo hace con la URL de solicitud http://1.23.45.67/undefined/api/v1/users/register .
Mi configuración de apache de host virtual parece
<VirtualHost *:80> ServerName www.myservername.com ServerAlias myservername.com DocumentRoot /var/www/myapp/html ErrorLog /var/www/myapp/log/error.log CustomLog /var/www/myapp/log/requests.log combined ProxyRequests on ProxyPass / http://localhost:3000/ ProxyPassReverse / http://localhost:3000/ </VirtualHost> Estoy generando mi URL de solicitud ajax usando una variable de URL base de un archivo .env. También probé http://localhost/ y http://localhost:3000/ como BASE_URL
# simplified .env file ... BASE_URL=http://1.23.45.67/ ... # simplified register page where we make the ajax request. ... fetch(`${process.env.BASE_URL}/api/v1/users/register`, {method: 'GET'}); ...Para cualquiera que se tope con esto... No es un problema con la configuración de Apache. El problema es cómo estoy usando dotenv en nextjs. Con mi proyecto actual, nextjs está tomando las variables .env en tiempo de compilación y no en tiempo de ejecución. El .env no existe cuando mi acción de github compila y envía mi código al servidor, por lo que aparece "indefinido" en la URL. Creo que publicRuntimeConfig de NextJS es la solución. Todas las variables .env utilizadas en la interfaz deben agregarse como variables publicRuntimeConfig si desea que se tomen en tiempo de ejecución y no en tiempo de compilación. https://nextjs.org/docs/api-reference/next.config.js/runtime-configuration