王者荣耀全栈项目部署到阿里云服务器笔记
学习的项目来自b站的良心up主全栈之巅
第一次写博客 这里主要总结一下 这两天部署项目遇到的一些问题(踩得一些坑)
项目简介
主要有三部分 (admin后台管理端,web前端展示,以及server服务端)
进行生产环境的编译
1.手动分别在admin和web文件夹下添加添加环境变量文件 .env.development,添加 VUE_APP_API_URL = http://localhost:3000/admin/api**
2.对axios默认的baseURL进行更改
3.在server的main.js,中添加
app.use('/admin', express.static(__dirname + '/admin')) //静态文件
4.在admin和web中,分别创建vue.config.js
配置文件,进行配置
因为默认访问 /直接跳转到web前端页 所以设置路径会有所不同 web端的vue.config.js
如下
5.在admin和web文件夹下运行指令npm run build
此时会在server文件夹下生成一个admin和web文件夹
此时server文件夹下的admin和web都是打包好以后的文件
6.在server文件夹下运行指令npm run serve
页面效果如下
去阿里云购买服务器和域名
1.这里选择的是便宜的域名 .xyz结尾
阿里云官网
域名的话 境内需要备案境外不用备案相对方便(因为后面需要对http进行https的加密)
2.购买ecs服务器 选择的是ubantu18.04的操作系统
ecs服务器地址
这里购买好ecs服务器以后需要把公网ip记录一下 后面会用的到
3.对域名进行解析
一定要选择记录类型为A的
通过 gitbash here
执行一下 ssh root@{你的主机名}
也可以在阿里云ecs服务器选择远程连接
nginx的安装与配置
在ubantu上安装nginx
- apt update
- apt install nginx -y