前后端项目部署到云服务器

### 如何部署前后端分离的项目到云服务器

#### 准备工作
为了成功部署前后端分离的应用程序至云服务器，需先完成一系列准备工作。这包括但不限于确保拥有必要的工具和权限来访问并配置目标云服务器。

#### 安装所需软件
在云服务器环境中安装所需的运行环境对于项目的正常运作至关重要。具体来说，在Linux环境下应通过SSH客户端如Xshell连接至远程主机，并利用包管理器（例如yum或apt-get）安装Nginx用于提供静态页面服务；JDK作为Java应用程序的基础支持；MySQL则是数据库管理系统的选择之一[^1]。

sudo yum install nginx java-y

#### 获取公网IP地址
确认所使用的云服务器具有可被外界访问的网络条件非常重要。通常情况下，可以通过服务商提供的管理界面查询实例详情中的弹性公网IP字段获得该信息。以阿里云为例，则是在登录后的个人中心找到对应的ECS列表查看具体的分配情况[^2]。

#### 前端构建与上传
针对前端部分的工作主要集中在本地开发完成后将其编译成生产版本并通过FTP/SFTP等方式传输至上一步准备好的Web根目录下。这里推荐使用Node.js生态圈内的npm工具链来进行依赖项管理和自动化任务处理：

1. 更新`package.json`文件内定义的各项参数；
2. 执行如下命令下载所有必需库以及执行打包流程[^3]。

cd /path/to/frontend/project
npm config set registry https://registry.npmmirror.com
npm install && npm run build

之后借助于之前提到过的图形化SFTP客户端——Xftp将生成的内容同步过去即可。

#### 启动后端应用和服务配置
假设后端采用Spring Boot框架编写而成的话，那么只需要把jar/war形式的成品放置于任意位置再启动它就行啦。与此同时别忘了调整防火墙策略允许外部请求进来哦！

至于Nginx方面则要编辑其默认站点配置文件使之能够正确转发HTTP(S)流量给对应的服务进程监听端口。最后重启整个web server使更改生效。

server {
    listen       80;
    server_name  your-domain-name;

    location /api/ {
        proxy_pass http://localhost:port_number/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

    location / {
        root   html/dist; # 这里指向你放vue/react等单页应用的地方
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}