将部署脚本上传到服务器的/opt/script目录下,并赋予可执行权限 chmod 755 publish_portal.sh 二、新建Jenkins配置打包任务,部署打包后的Vue页面 1. Dashboard > 新建任务,输入任务名称,选择“构建一个自由风格的软件项目”,点击确定。 Dashboard 新建任务 2. 项目配置,进入到任务配置页 丢弃旧的构建 :这里在保持...
在Jenkins中创建一个新的构建步骤,选择“执行shell”,然后输入以下命令: 安装依赖:进入Vue项目目录,运行npm install命令安装项目依赖。 构建项目:运行npm run build命令构建Vue项目。 复制文件:将构建好的文件复制到指定目录,例如/var/jenkins_home/vue_project。四、编写Dockerfile在项目的根目录下创建一个名为Dockerf...
这里也减少了手动部署安装Nginx的步骤,而是在Jenkins任务中调用shell命令自动执行安装。 1. 新建Dockerfile文件,用于定义Nginx镜像,及将打包成功的静态文件复制到镜像中,此文件放在前端项目的根目录下,Jenkins打包时会从此处查找Dockerfile文件。 FROM nginx:latest # 维护者信息 MAINTAINER gitegg # 将生成的静态页面文件...
将部署脚本上传到服务器的/opt/script目录下,并赋予可执行权限 复制 chmod 755 publish_portal.sh 1. 二、新建Jenkins配置打包任务,部署打包后的Vue页面1. Dashboard > 新建任务,输入任务名称,选择“构建一个自由风格的软件项目”,点击确定。 2. 项目配置,进入到任务配置页 丢弃旧的构建 :这里在保持构建的最大...
NodeJS(Vue)项目也可以通过打包成Docker镜像的方式进行部署,原理是先将项目打包成静态页面,然后再将静态页面直接Copy到Nginx镜像中运行。 一、服务器环境配置 前面说明了服务器Nginx的安装和配置,这里稍微有些不同,但是因为此文是用Nginx镜像和前端镜像页面同时部署的方式来打包发布的,所以这里不再需要建立 ...
本文介绍使用Jenkins一键将NodeJS(Vue)前端项目打包并上传到生产环境服务器,这里使用的是直接打包静态页面,发送到远程服务器Nginx配置目录的方式,首先确保服务器环境配置好,安装Nginx,运行目录,日志存放目录等。 一、服务器环境配置 Nginx安装也有多种方式,源码安装、yum安装、Docker安装等,安装并不复杂,...
NodeJS(Vue)项目也可以通过打包成Docker镜像的方式进行部署,原理是先将项目打包成静态页面,然后再将静态页面直接copy到Nginx镜像中运行。 一、服务器环境配置 前面说明了服务器Nginx的安装和配置,这里稍微有些不同,但是因为此文是用Nginx镜像和前端镜像页面同时部署的方式来打包发布的,所以这里不再需要...
/data/contAIner/nginx/html目录,因为要发布的静态页面已经在Nginx镜像中的/nginx/html目录了。这里也减少了手动部署安装Nginx的步骤,而是在Jenkins任务中调用shell命令自动执行安装。 1、新建Dockerfile文件,用于定义Nginx镜像,及将打包成功的静态文件复制到镜像中,此文件放在前端项目的根目录下,Jenkins打包时会从此处查找...