Webpack

Acceder a proyecto de webpack en un servidor a través de una LAN

Introducción

Cuando creamos algún proyecto utilizando webpack, el servidor comienza a escuchar en un puerto que podemos cambiar. Al ejecutarse luce así:

Pero si verificamos nuestra IP y accedemos desde otro dispositivo conectado a la misma red que nuestro servidor, no podremos acceder.

Hoy traigo la solución para que podamos acceder al servidor a través de una IP.

Acceder al servidor con su IP a través de una red local o lan

Hace falta mencionar que esto funciona correctamente con webpack. Buscamos el archivo package.json de nuestro proyecto, que luce así:

Fijémonos en donde dice scripts, y luego en donde dice dev. Ahí es en donde ejecutamos nuestro proyecto, y le pasamos argumentos.

Lo único que hay que hacer para que podamos acceder desde nuestra red es pasar el argumento host, seguido de la ip de nuestro servidor.

--host xxx.xxx.xxx.xxx

 

Con ello, podremos acceder desde otro dispositivo siempre y cuando estemos en la misma red.

La desventaja es que tenemos que cambiar la ip en nuestro package.json en caso de que cambie en nuestro servidor.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Imprimir ñ en impresora térmica

En este post te enseñaré a imprimir la letra ñ en una impresora térmica. Voy…

2 días hace

Tramitar acta de nacimiento en línea de manera instantánea

En este post te quiero compartir mi experiencia tramitando un acta de nacimiento de México…

3 días hace

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 semanas hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

3 semanas hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

3 semanas hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

3 semanas hace

Esta web usa cookies.