प्रौद्योगिकी साझेदारी

नोड् संस्थापयितुं vue विकासवातावरणस्य उपयोगाय च docker container इत्यस्य उपयोगं कुर्वन्तु

2024-07-12

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

विषयवस्तुसारणी

vue-app
├── डॉकर-दत्तांश
│ ├── साइट्
│ ├── एप्
├── डॉकर-रचना।यम्ल
└── deploy.sh

डॉकर-रचना।यम्ल

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

deploy.sh

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

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端口会打不开站点

  },
})

  • 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 उद्घाटयन्तु

अत्र चित्रविवरणं सम्मिलितं कुर्वन्तु