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

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

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

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

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

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

主机: 服务器的IP

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

协议: 选择图中的 SFTP

登录类型: 正常

用户: 服务器帐号

密码: 服务器密码

输入完了点击连接就ok

 

  

                              (图一)                                                           (图二)

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

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

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

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

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

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

 

                                                                               (图三)

 

                                                               (图四)

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

                                                    

要搭建一个使用Python作为后端,Vue作为端的后台分离项目,可以按照以下步骤进行: 1. 创建后端项目: - 使用Python的Web框架,如Flask或Django创建后端项目。 - 安装所需的依赖库,如Flask或Django的相关扩展、数据库驱动等。 - 设计和实现后端的API接口,包括路由、请求处理、数据库操作等。 - 运行后端项目,确保API接口正常工作。 2. 创建项目: - 使用Vue CLI等工具创建一个新的Vue项目。 - 安装所需的依赖库,如Axios用于与后端API进行通信、Vue Router用于路由管理等。 - 设计和实现端页面,包括组件、样式、路由等。 - 通过Axios等工具调用后端API,获取数据并渲染到端页面上。 3. 配置跨域访问: - 在后端项目中配置允许跨域访问,以便端可以与后端进行通信。具体配置方法根据所使用的Web框架而定。 4. 部署项目: - 部署后端项目到服务器或云平台,如使用Nginx、Gunicorn等工具来提供Web服务。 - 将项目打包为静态文件,并将其部署Web服务器或云存储中。 5. 测试和调试: - 使用Postman等工具测试后端API的功能和性能。 - 在浏览器中访问端页面,确保页面正常加载和交互。 以上是一个基本的搭建流程,具体实现细节会根据项目需求和技术选型而有所差异。在搭建过程中,可以参考相关文档、教程和示例代码,以更好地理解和实现前后端分离项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cygcsdn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值