一、概述

如何发布前端项目，有了后端项目的基础，发布前端项目其实也比较简单。让我们来进入正题。

二、Jenkins配置前端项目的步骤

1. Git的配置

这块跟后端项目是一样的。

2. Build Steps

这里使用npm打包前端命令即可。

3. Send build artifacts over SSH

这里主要是把构建后的版本，主要是文件夹全部上传到服务器上面即可。

我这里分了两步，第一步是备份原文件，方便后面发布回滚操作。

备份原文件，主要是文件拷贝的命令：

文件上传至服务器

三、nginx配置前端站点

在server结点下面配置如下内容即可：

location / {  root /home/manager/dist;  index index.html index.htm;  try_files $uri $uri/ @router;}
location @router {  rewrite ^.*$ /index.html last;}