前后台分离WEB项目部署(二)

-->    前后台分离WEB项目部署(一)

在 前后台分离WEB项目部署(一) 中我们已经学会了web项目后台部分的打包,在这部分中我们将会把前台的文件和后台的jar包一起发送到服务器上去,这里推荐一个工具 : FileZilla(自己百度下载方法,很好找的)

这是一个可以连接远程服务器并实现文件上传和下载的工具,当然,如果你对终端操作比较熟悉,也可以直接敲命令来上传资源

如图一,点击最左上角的图标

出现图二的连接配置:左下角可以新建站点,也就是新的服务器对象

主机: 服务器的IP

端口: 默认为22,可以不填,但是的得把云服务器的 22端口打开

协议: 选择图中的 SFTP

登录类型: 正常

用户: 服务器帐号

密码: 服务器密码

输入完了点击连接就ok

 

前后台分离WEB项目部署(二)   前后台分离WEB项目部署(二)

                              (图一)                                                           (图二)

连接成功后就会出现 图三 所示,

左边这半是本地的文件列表 ,  右边的是服务器的文件列表

例如图中: 我右键点击左边的某个目录,就可以选择上传到服务器的 /home/ubuntu目录下

如果上传失败,多半是服务器对应的文件夹权限太高,  用

sudo chmod 777 xxx文件夹就可以了,  图中则是 sudo chmod 777 /home/ubuntu

在服务器建立一个前端文件加和一个后端文件夹用来保存前端文件和后台文件

 前后台分离WEB项目部署(二)

                                                                               (图三)

 

前后台分离WEB项目部署(二)

                                                               (图四)

后台项目放在 backend ,前台项目放在frontend