王者荣耀全栈项目部署到阿里云服务器笔记

王者荣耀全栈项目部署到阿里云服务器笔记

学习的项目来自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