前一段时间自己撸完了一个 VUE+Springboot 的个人博客项目 , 决定部署到自己的云服务器上面。
关于项目的打包 :
- 前端 vue 打包
npm run build
得到一个 dist 文件夹 ( 全称 :distribution。在某些框架中 , 因为开发和发布是的内容或者代码形式是不一样的 ( 比如利用 Grunt 压缩等等 ), 这时候就需要一个存放最终发布版本的代码 , 这就是 dist 文件夹的用处。)
- 将 dist 文件夹上传到服务器。
- 配置 Nginx 代理
listen 80; server_name *.***.*.***; #error_page 404 /404.html; # include enable-php.conf; location / {root /www/wwwroot/cms/dist; index index.html index.htm;} location /cms/ {proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://**.***.**.***:8989/;}
- 后台服务打包上传到服务器
在 Maven 中打包本地项目
打包成功后显示 :
并且此时 target 文件夹中会多一个 jar 包
将这个 jar 包上传到服务器。
- 开启后台服务
- 访问博客首页
原文链接:https://blog.csdn.net/weixin_40927436/article/details/113832961
正文完