目录
vue-app
├── docker-data
│ ├── site
│ ├── app
├── docker-compose.yaml
└── deploy.sh
docker-compose.yaml
yaml文件执行
version: '3.8'
services:
node:
image: node:latest
container_name: vue-app
ports:
- "8080:8080" # 宿主8080映射容器8080
volumes:
- ./docker-data/site/app:/app # 宿主路径容器工作路径
working_dir: /app #执行下面command命令时工作目录
restart: always
command: bash -c "npm install && npm run dev" # 启动容器执行命令
deploy.sh
#!/bin/bash
set -e
docker compose pull
docker compose up -d --remove-orphans
vue-app/docker-data/site/app下放vite创建的vue项目
修改vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
server: {
port: 8080, //指定端口
host: '0.0.0.0', //一定要写这个,不然宿主机 8080端口会打不开站点
},
})
打开终端,进去vue-app目录
cd /Volumes/disk/site/docker/vue-app
输入命令,启动容器
./deploy.sh
或者输入命令
docker compose up -d