Como Cambiar el Puerto de Vue 3

2 minuto(s)

Un servidor de desarrollo en Vue nos permite trabajar en la creación de un proyecto.

Hay ocasiones en donde queremos cambiar el puerto de Vue por algún motivo en particular.

En este tutorial, te enseñaré a Como Cambiar el Puerto de Vue 3, vamos con ello.

Servidor de Vue
Vue brinda un servidor de desarrollo para trabajar en un proyecto y probar nuestras funciones antes de ser publicadas

Como Cambiar el Puerto de Vue 3 con la Vue CLI

Si has creado tu proyecto usando la Vue CLI, la ruta y el puerto por defecto es http://localhost:8080/

Y se te debe haber generado la siguiente estructura:


Abre el archivo vue.config.js y cambia el puerto agregando lo siguiente:


Básicamente agregamos devServer y dentro de él definimos el puerto 5000 en port.

Detenemos el servidor y volvemos a ejecutarlo con el siguiente comando y podemos ver que ahora el puerto ha cambiado al 5000:

Como Cambiar el Puerto de Vue 3 en Vite JS

Si has creado tu proyecto de Vue con la herramienta Vite JS, puedes hacerlo de varias maneras.

En el siguiente video te comparto 3 maneras de cambiar el puerto de Vue en Vite JS:

Así de rápido puedes Cambiar el Puerto de Vue 3.

Conclusión

En este tutorial has aprendido a Como Cambiar el Puerto de Vue 3.

Te será de ayuda para cuando otras aplicaciones estén usando un puerto o problemas similares.

Recuerda que con la practica constante serás un mejor desarrollador en Vue JS.

Nota(s)

  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.