云服务器搭建自己的项目第三步:打包项目并且上传

本次选择的是直接拷贝前端项目到后端,一起发布的方式发布自己的项目,所以这里就先不安装Nginx了,不多说看步骤

1、打包前端项目

  • 首先执行如下命令:npm run build
    在这里插入图片描述
    然后会得到如下的项目

  • 把生成的打包到后端
    在这里插入图片描述

2、打包后端项目

  • 在打包之前一定要配置好如下

    • Xshell登录查看数据是否正常
      在这里插入图片描述
    • 配置如下
      在这里插入图片描述
    • 执行数据库脚本,我是用电脑端的软件执行的
      在这里插入图片描述
  • 拷贝自己生成的jar包
    在这里插入图片描述

  • 上传到服务器
    在这里插入图片描述

3、部署项目方式

  • 第一种部署项目方式
    在这里插入图片描述
  • 第二种方式

另外一种方式我想到的是Tomcat里面webapps目录里面部署。
下次再继续使用前端和后端分离的类型部署,采用Nginx,今天就到这里吧

4、补充

刚刚写了之后,以为随便访问就可以成功了,但是还是被打脸了,加载事件过长,什么玩意,我又想了想如下
在这里插入图片描述
端口号是8081,我服务器防火墙好像没有释放这个端口号,所以就要去释放这个端口号了

  • 由于我是买的腾讯云服务器,直接在这里配置就可以,因为我上次执行命令配置不行,不知道为什么
    在这里插入图片描述

  • 最后即可访问成功
    在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值