使用阿里云服务器上线项目（部署前后端）的实践过程

目录

1.登录阿里云，给域名添加解析

2.登录服务器，部署前后端项目

2.1 将项目FTP上传至服务器

2.2 安装后端运行依赖

2.3 部署数据库

2.4 修改服务端连接数据库的配置 

2.5 运行服务器，启动后端项目

2.6 部署前端项目

3.配置 Nginx 虚拟机

---

1.登录阿里云，给域名添加解析

• 登录阿里云账号，找到自己购买的 已经在工信部备案的 域名
• 添加两个解析：一个指向后台，一个指向前端
• 记录值为：自己购买的阿里云服务器 IP 地址

2.登录服务器，部署前后端项目

登录自己的服务器，部署前后端项目（这块属于运维范畴，此处仅描述大概过程）

• 上传项目 FTP
• 配置服务器
• 导入数据库
• 运行服务器
• 部署前端项目
• 配置 Nginx 虚拟机

注意：Linux 服务器操作、域名操作、部署 Nginx，这三块内容是一般开发接触不到的东西，十分考察综合能力

2.1 将项目FTP上传至服务器

2.2 安装后端运行依赖

在 Shell 中，进入后端项目根目录，执行 cnpm install 安装后端运行依赖

2.3 部署数据库

后端项目的运行，需要依赖 mysql 数据库，因此需要部署数据库

• 在服务器的数据库管理工具中，新建数据库（用于导入 .sql 文件）
• 在新建的数据库上，运行已经存在的 .sql文件，并导入数据

2.4 修改服务端连接数据库的配置 

服务器成功导入数据库后，需要修改服务端连接数据库的 IP、密码 等配置

修改 config/default.json 中的数据配置

记得将修改内容，再次上传到服务器，并覆盖原来的文件

2.5 运行服务器，启动后端项目

修改 app.js 中的启动端口为 70xx (因为我的服务器设置了一定端口的防火墙)

在 Shell 中，进入后端项目根目录，执行 nohup node app.js &

自此，项目在后台运行（关闭 Shell 后不会挂掉，7*24 小时不停机）

2.6 部署前端项目

目前为止，后端项目已连接 mysql、已正常运行、已经部署完毕

接下来要部署前端项目 —— 将前端打包的 dist 文件夹 上传到服务器即可

3.配置 Nginx 虚拟机

配置 Nginx 虚拟机，反向代理前后端项目

• 前端虚拟机配置：

• 后端虚拟机配置：

• 热重载 Nginx配置，刷新服务端 Nginx配置，测试前后端项目的线上地址是否正确

注意：Vue 项目中的 axios baseURL 地址，要改成这个配置好的后端线上地址