把前端项目部署到云服务器有多种方法与工具，本文将介绍基于Linux系统的Nginx服务器作为反向代理的部署方式，并使用Git与Jenkins实现自动化部署。

1. 部署Nginx服务器

Nginx是一款高性能的Web服务器，适合作为反向代理服务器使用。在Linux系统上可通过以下命令安装：

sudo apt-get update
sudo apt-get install nginx

安装完成后，可以编辑Nginx配置文件/etc/nginx/nginx.conf来配置反向代理。添加以下内容：

server {
    listen 80;
    server_name example.com;  # 替换为你的域名

    location / {
        proxy_pass http://localhost:3000;  # 替换为你的应用地址
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

保存文件后，运行以下命令重启Nginx服务器：

sudo service nginx restart

现在Nginx服务器已经配置完毕，可以访问http://example.com来确认是否正常工作。

2. 提交代码到Git仓库

将前端项目的代码提交到Git仓库，以便后续在Jenkins中自动化部署。可以使用以下命令将代码提交至GitHub：

git init
git add .
git commit -m "initial commit"
git remote add origin https://github.com/yourusername/yourrepository.git  # 替换为你的GitHub项目地址
git push -u origin master

确保代码已提交至GitHub后，可以继续进行下一步操作。

3. 自动化部署

使用Jenkins进行自动化部署，可以大大简化部署流程，节约时间。在部署服务器上安装Jenkins后，按照以下步骤进行配置：

3.1 安装插件与创建项目

登录Jenkins后台界面，点击“Manage Jenkins”->“Manage Plugins”安装相关插件：

• Git plugin
• SSH plugin
• Publish Over SSH plugin

安装完毕后，点击Jenkins首页，选择“New Item”创建新项目，输入项目名称后选择“Freestyle project”类型。

3.2 配置Git

在项目配置页面中，选择“Source Code Management”->“Git