Κοινή χρήση τεχνολογίας

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Πίνακας περιεχομένων

vue-app
├── docker-data
Ιστότοπος │ ├──
│ ├── εφαρμογή
├── docker-compose.yaml
└── αναπτύξτε.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"  # 启动容器执行命令
1
2
3
4
5
6
7
8
9
10
11
12
13

αναπτύξτε.χ

#!/bin/bash
set -e
docker compose pull
docker compose up -d --remove-orphans
1
2
3
4

Το vue-app/docker-data/site/app αποκεντρώνει το έργο vue που δημιουργήθηκε από το vite

Τροποποιήστε το 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端口会打不开站点

  },
})

1
2
3
4
5
6
7
8
9
10
11
12
13

Ανοίξτε το τερματικό και μεταβείτε στον κατάλογο vue-app

cd /Volumes/disk/site/docker/vue-app
1

Εισαγάγετε την εντολή για να ξεκινήσει το κοντέινερ

./deploy.sh 
或者输入命令 
docker compose up -d
1
2
3

Ανοίξτε το πρόγραμμα περιήγησης localhost:8080