如何在云服务器上面部署自己的项目

17次阅读

前一段时间自己撸完了一个 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 中打包本地项目
    如何在云服务器上面部署自己的项目插图1
    打包成功后显示 :
    如何在云服务器上面部署自己的项目插图2
    并且此时 target 文件夹中会多一个 jar 包
    如何在云服务器上面部署自己的项目插图3
    将这个 jar 包上传到服务器。
    如何在云服务器上面部署自己的项目插图4
  • 开启后台服务
  • 访问博客首页
    如何在云服务器上面部署自己的项目插图5

原文链接:https://blog.csdn.net/weixin_40927436/article/details/113832961

正文完
 
追风者
版权声明:本站原创文章,由 追风者 2023-12-30发表,共计712字。
转载说明:声明:本站内容均来自互联网,归原创作者所有,如有侵权必删除。 本站文章皆由CC-4.0协议发布。