云效流水线docker部署 ：node.js镜像部署VUE项目

以下是一个简化的Dockerfile示例，用于构建一个Node.js环境，并在该环境中部署一个Vue.js项目：

# 基于Node.js的官方Docker镜像
FROM node:lts-alpine
 
# 设置容器内的工作目录
WORKDIR /usr/src/app
 
# 复制package.json文件和package-lock.json文件
COPY package*.json ./
 
# 安装项目依赖
RUN npm install
 
# 复制项目文件到工作目录
COPY . .
 
# 暴露80端口供外部访问
EXPOSE 80
 
# 运行npm start命令启动Vue.js应用
CMD ["npm", "start"]

以下是一个简化的Jenkinsfile示例，用于配置云效流水线并部署Vue.js项目：

pipeline {
    agent any
    stages {
        stage('Build') {
            steps {
                sh 'npm install'
                sh 'npm run build'
            }
        }
        stage('Deploy') {
            steps {
                sh 'docker build -t my-vue-app .'
                sh 'docker run -d -p 8080:80 my-vue-app'
            }
        }
    }
}

这个Jenkinsfile定义了一个流水线，它会在构建阶段运行npm install和npm run build命令来构建Vue.js项目，然后在部署阶段使用Docker来运行这个项目。这个流水线展示了如何将源代码构建成静态文件，并使用Docker来部署这些静态文件，使得项目能够在生产环境中运行。