Tengo una máquina virtual Mint que contiene una aplicación Vue y una API (con 2 bases de datos, una MySQL y una MongoDB). Estoy tratando de hacer que la aplicación sea accesible desde fuera de mi red usando Apache. También he reenviado el puerto 80 en mi enrutador a mi Mint VM. Entonces, cualquiera que acceda a 109.XXX.XXX.XXX (IP del enrutador) será redirigido a la aplicación Vue.

Utilicé npm run build y copié el contenido de la carpeta dist en /var/www/MyProject.com/public_html . Mi archivo /etc/apache2/site-availables/000-default.conf tiene este aspecto:

 <VirtualHost *:80> ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined DocumentRoot "/var/www/MyProject.com/public_html" <Directory "/var/www/MyProject.com/public_html"> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> </VirtualHost>

• Desde mi VM, si accedo a 109.XXX.XXX.XXX, la API funciona y puedo iniciar sesión en la aplicación Vue.
• Desde cualquier otra computadora, si accedo a 109.XXX.XXX.XXX, la API no funciona y la consola me devuelve un error POST http://localhost:3000/users/login/ net::ERR_CONNECTION_REFUSED cuando trato de iniciar sesión

¿Tal vez tiene algo que ver con mis solicitudes en la aplicación Vue que todavía usa localhost ?