3.购买服务器并部署

购买服务器

我购买的是阿里云的服务器,参考教学视频

前端部署

我使用的是nginx部署的前端,nginx配置如下
在这里插入图片描述
在服务器中新建路径 /mydata/frontCode, 然后将前端项目通过 npm run build指令打包,将打包生成的dist文件夹通过Xftp上传到创建的该路径下,给该vue项目888端口,注意: 别忘记在阿里云服务器的安全组里添加
在这里插入图片描述

后端部署
  • 宝塔面板在安装的时候,会提供tomcat的安装,但是我给卸载了,手动安装了一遍,参考博客
  • 但是这篇博客的打包项目的步骤我试了之后无效,看了另一篇博客后,打包方式有效,打包步骤如下
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    点击build,即可打包项目成war,将项目通过xftp放在tomcat的安装目录下的webapps文件夹下,war包是英文tomcat会自动解压,xshell重启tomcat即可,注意,war一定要英文,中文的话会有很多问题,不自动解压就是其一

云服务器导入本地数据库

参考博客

navicat 连接云服务器中的mysql数据库

  • 参考博客
  • 遇到的问题: 我在使用ssh通道时候会一直报错,无法连接,查看navicat的版本的时候,发现是11.0,换成11.2版本以后,问题解决
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值