Conserva la compilación de Vue que ya usas
Usa npm ci y la compilación habitual de Vue o Vite del proyecto. Mantén explícitos el directorio de salida, la URL base y el comportamiento de las variables de entorno.
Aplicaciones de frontend · Planes desde $10/mes
Despliega Vue.Publica el sitio compilado.
Compila una aplicación Vue desde su repositorio, sirve los archivos de producción, verifica las rutas del lado del cliente y promociónala a un dominio HTTPS gestionado.
Conserva el repositorioInspeccionar la compilación y los registrosDominios personalizados y TLS
Despliegue de Adios
Versión candidata
Vue
CÓDIGO FUENTE
Git
REGION
de
ROUTE
HTTPS
01Código fuente recibido
02Compilación completada
03Entorno de ejecución iniciado
04Control de salud aprobado
Ruta promovida
production.adios.run
Un camino de producción para
VueViteSalida estáticaRutas de SPADominios personalizados
El camino de producción
Un proyecto Vue funcional aún necesita un lanzamiento seguro.
La aplicación o el servicio son solo una parte de producción. Las pruebas de compilación, el estado del entorno de ejecución, la salud, los secretos, los registros, las rutas y la versión promovida deben permanecer disponibles para inspección conjunta.
Promociona la versión que indique un estado correcto
Sirve los recursos compilados con un proceso de producción, verifica la ruta raíz y las rutas anidadas del cliente y promociona el lanzamiento cuando responda la comprobación configurada.
Rastrea la producción hasta el código fuente
Los resultados de compilación, los registros del entorno de ejecución, el estado, los secretos, los dominios y el lanzamiento promocionado permanecen vinculados al proyecto, en lugar de repartirse entre herramientas independientes.
Del código fuente al lanzamiento
Tres pasos mantienen el camino de despliegue disponible para revisión.
Usa el código fuente y el comportamiento de producción que ya tiene el proyecto. El manifiesto registra lo que la plataforma debe compilar o aprovisionar y cómo llega a estar listo el resultado.
- 01
Empieza con código fuente o una plantilla
Trae el repositorio existente o inspecciona y despliega una de las variantes exactas de plantillas iniciales enlazadas abajo.
$adios login - 02
Revisar el contrato de despliegue
Mantén los comandos, la versión del entorno de ejecución o servicio, el comportamiento de salud y las referencias a secretos en adios.yaml.
$git diff -- adios.yaml - 03
Desplegar e inspeccionar el resultado
Sigue las pruebas de compilación y ejecución, verifica la versión candidata y abre la ruta promovida o la conexión del servicio.
$adios up
adios.yaml
Tu proyectoname: vue-app
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /Configura npm start para servir el directorio dist de producción o usa la plantilla estática de Nginx como punto de partida.
Puntos de partida desplegables
Empieza con Vue desde una plantilla cuando el repositorio no esté listo.
El proyecto inicial de Nginx para sitios estáticos proporciona una configuración pequeña de entrega en producción que puedes sustituir por los archivos generados por una compilación de Vue.
Aplicaciones web
Nginx Static
Una plantilla inicial Nginx para HTML, CSS y JavaScript estáticos y aplicaciones de una sola página.
HTMLNinguno
- Clave de plantilla
- nginx:static
- Entorno de ejecución
- nginx
- Repositorio
- template-nginx-static
- Ruta de código fuente
- .
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios upAntes de la producción
Verifica la carga de trabajo.Después, promuévelo.
El primer lanzamiento más seguro empieza con una compilación o configuración de servicio reproducible y una vista previa que pruebe las dependencias que usará producción.
Listo cuando...
- La compilación de producción genera el directorio dist esperado.
- Las rutas anidadas del navegador devuelven el shell de la aplicación.
- Las URL de los recursos funcionan en los dominios generados y personalizados.
- Los secretos no se compilan en el JavaScript del cliente.
Previsualiza cuando…
- La aplicación usa Nuxt u otro entorno de ejecución con renderizado en el servidor.
- El router asume una base de despliegue no raíz.
- Las variables de entorno difieren entre la compilación y la ejecución.
Preguntas, respuestas
Qué saber antes de desplegar Vue.
Revisa el límite del entorno de ejecución o servicio, la ruta de la plantilla, el comportamiento de fallos y las comprobaciones de producción antes de crear el primer lanzamiento.
¿Puede Adios desplegar un proyecto de Vue existente?
Sí. Ejecuta la CLI de Adios desde la raíz del proyecto, conserva el repositorio y los archivos de dependencias que ya usas y añade un archivo adios.yaml que describa la compilación de producción, el comando de inicio, el puerto y la ruta de comprobación de estado.
¿Necesito Docker para desplegar Vue?
No para un entorno de ejecución estándar compatible. Usa los comandos de producción habituales del proyecto en adios.yaml. Si la compilación necesita paquetes poco habituales del sistema operativo o bibliotecas nativas, verifica esas dependencias en una vista previa antes de la promoción.
¿Puede Adios desplegar una aplicación Vue compilada con Vite?
Sí. Compila el proyecto con las versiones fijadas de sus dependencias y sirve el directorio dist generado con un proceso estático de producción.
¿Cómo funcionan en producción las rutas de Vue Router en modo history?
Configura el servidor estático para devolver el shell de la aplicación en las rutas del navegador que no correspondan a archivos y verifica la navegación directa en una vista previa.
¿Qué ocurre cuando falla la compilación o la comprobación de estado?
El lanzamiento candidato conserva sus resultados de compilación y ejecución para su inspección. Debe indicar un estado correcto antes de convertirse en la versión promocionada que sirve la ruta de la aplicación.
¿Puedo empezar con una plantilla en lugar de un repositorio existente?
Sí. Esta página enlaza a los proyectos iniciales oficiales de Vue de Adios más adecuados. Inspecciona la variante exacta del código fuente, despliégala en la consola o clónala localmente y ejecuta adios up.
Opciones de despliegue relacionadas
Conecta el resto de la pila.
Desplegar Sitios estáticos
Publica HTML, CSS, JavaScript o una compilación estática generada por un framework desde un pequeño proyecto inicial de Nginx, con las rutas, los dominios, TLS y el estado del lanzamiento vinculados al proyecto.
Desplegar React
Compila una aplicación React desde su repositorio, sirve los archivos generados o el proceso de Node.js para producción y conecta el lanzamiento a una ruta HTTPS estable.
Desplegar Angular
Compila una aplicación Angular con la configuración del espacio de trabajo guardada en el repositorio, sirve los archivos generados para el navegador, verifica el fallback de rutas y promociónala a un dominio HTTPS gestionado.
Desplegar Svelte
Compila un proyecto Svelte o SvelteKit con el adaptador elegido, sirve los archivos generados, verifica las rutas y conserva el comando de producción junto al código fuente.
La primera versión
Desplegar Vue con el código fuente y las pruebas vinculados.
Parte del repositorio o de una plantilla, revisa el contrato de despliegue e inspecciona lo que se convierte en la versión promovida de producción.