无锡万度网站建设央企网站建设意义
前端
前端项目地址:https://github.com/LiuYuYang01/ThriveX-Blog
控制端项目地址:https://github.com/LiuYuYang01/ThriveX-Admin
Vercel
首先以 Vercel 进行部署,两种方式部署都是一样的,我们以前端项目进行演示
首先我们先注册一个 vercel 的账号:https://vercel.com/
然后进入主题,大概流程如下:
 1、点击按钮导入项目
 2、粘贴对应的项目地址
 3、自定义仓库名称
 4、等待自动构建
 5、绑定自定义域名
 
当出现如下界面时表示项目部署完成
 
接着我们点击 Add Domain 按钮进行自定义域名
 
 注意: Vercel 部署采用的是国外服务器,因此项目必须科学上网才能够访问。但我们可以配置国内 cdn 解决

Docker 部署
后续更新
后端
后端环境:jdk1.8 数据库:mysql8.0
Docker + Nginx
后端项目地址:https://github.com/LiuYuYang01/ThriveX-Server
拉取代码,本地 IDEA 打开
 然后将项目根目录的数据库文件:ThriveX.sql 导入到服务器中的数据库
找到 blog 中的 application.yml 将环境改成 pro
 
 下一步: 配置数据库地址和相关信息、打包
 
下一步:
 1、随便创建一个目录,这些目录位置可以随意,放哪都行
 2、进入到这个目录
 3、将后端根目录中的 Dockerfile 和刚刚打包的 jar 包一并上传到服务器的这个目录
 4、将 jar 包改名为: thrive.jar
 5、运行命令: docker-compose -p thrive up -d --build
 6、如果报错则运行:docker compose -p thrive up -d --build
 
如果你用的是宝塔,那么通过如下操作配置反向代理绑定域名
如果你没有用宝塔那么可以修改 nginx 配置实现反向代理
events {}http {server {listen 80;server_name api.xxxx.com; # 绑定域名location / {proxy_pass http://localhost:9003; # 反向代理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;}}
}
 
宝塔部署
后续更新
一键部署
后续更新
