目录
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 地址,要改成这个配置好的后端线上地址