• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

1.6K
Vistas
Cómo cambiar el número de puerto en el proyecto vue-cli

Cómo cambiar el número de puerto en el proyecto Vue-cli para que se ejecute en otro puerto en lugar de 8080.

about 3 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Si está utilizando vue-cli 3.x, simplemente puede pasar el puerto al comando npm de la siguiente manera:

npm run serve -- --port 3000

Luego visite http://localhost:3000/

about 3 years ago · Santiago Trujillo Denunciar

0

Llegó tarde a la fiesta, pero creo que es útil consolidar todas estas respuestas en una que describa todas las opciones.

Separados en Vue CLI v2 (plantilla de paquete web) y Vue CLI v3, ordenados por prioridad (de mayor a menor).

Vue CLI v3

  • package.json : agregue la opción de puerto para serve el script: scripts.serve=vue-cli-service serve --port 4000
  • Opción CLI --port to npm run serve , por ejemplo npm run serve -- --port 3000 . Tenga en cuenta -- , esto hace que pase la opción de puerto al script npm en lugar de a npm mismo. Desde al menos v3.4.1, debería ser, por ejemplo vue-cli-service serve --port 3000 .
  • Variable de entorno $PORT , por ejemplo, PORT=3000 npm run serve
  • Archivos .env , los env más específicos anulan los menos específicos, por ejemplo, PORT=3242
  • vue.config.js , devServer.port , por ejemplo, devServer: { port: 9999 }

Referencias:

  • https://cli.vuejs.org/config/#devserver
  • https://cli.vuejs.org/config/#vue-config-js
  • https://cli.vuejs.org/guide/mode-and-env.html

Vue CLI v2 (obsoleto)

  • Variable de entorno $PORT , por ejemplo, PORT=3000 npm run dev
  • /config/index.js : dev.port

Referencias:

  • http://vuejs-templates.github.io/webpack/
  • https://github.com/vuejs-templates/webpack/blob/develop/template/build/webpack.dev.conf.js#L35
about 3 years ago · Santiago Trujillo Denunciar

0

En el momento de escribir esta respuesta (5 de mayo de 2018), vue-cli tiene su configuración alojada en <your_project_root>/vue.config.js . Para cambiar el puerto, consulte a continuación:

 // vue.config.js module.exports = { // ... devServer: { open: process.platform === 'darwin', host: '0.0.0.0', port: 8080, // CHANGE YOUR PORT HERE! https: false, hotOnly: false, }, // ... }

La referencia completa vue.config.js se puede encontrar aquí: https://cli.vuejs.org/config/#global-cli-config

Tenga en cuenta que, como se indica en los documentos, "Todas las opciones para webpack-dev-server" ( https://webpack.js.org/configuration/dev-server/ ) está disponible en la sección devServer .

about 3 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda