首页 > 其他分享 >前后端分离项目上云

前后端分离项目上云

时间:2024-11-01 22:47:20浏览次数:3  
标签:文件 分离 dist 项目 前端 前后 上云 然后 文件夹

我不知道怎么描述这种心情!

当你自己做过的项目,你随时随地都可以访问到,并且还可以作为简历和答辩时随时展示!

这种就很爽!!!

接下来我就基于阿里云服务器来操作一下前后端项目如何上云!!!

我这里使用的是vue+springboot,vue使用的是vite项目,spring boot使用的是maven项目。

如果你想要我演示的这个项目可以加q裙463727795,内附软件、资料等等,欢迎加入一起讨论编程问题!!! 

这里我们先打包

前端vite打包

这里执行命令后就会产生一个dist文件夹,先记住,后面用

接下来是springboot项目的部署,这里我使用到啦maven插件 

<!--    SpringBoot应用打包插件-->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

然后就直接打包了,这里直接maven点击package

 打包完成后就去target目录下面找jar包

接下来再将mqsql的数据打包下来

直接命令台cmd

mysqldump -u [username] -p[password] [database_name] > [filename].sql

参数说明

  • [username]: MySQL 用户名
  • [password]: MySQL 密码(注意:-p和密码之间没有空格)
  • [database_name]: 要导出的数据库名称
  • >: 输出重定向符号,将输出写入文件
  • [filename].sql: 输出的 SQL 文件

 打包完后就直接在这个文件路径下面找

 这是整理出来的文件,sql后缀是数据库,jar后缀是后台,dist文件夹是前端

这里我们准备上云

当然,上云你需要服务器,这里我使用的是阿里云ecs服务器,然后将本地文件全部上传到云上面(记住,dist文件夹压缩后上传)

这里我使用的是宝塔可视化界面,如果你没有这个界面,可以看我的上一个文章

Linux系统安装可视化宝塔-CSDN博客icon-default.png?t=O83Ahttps://blog.csdn.net/zhdbshiai/article/details/143374594?spm=1001.2014.3001.5501

然后点开文件,先将文件上传,这里我们上传成功了

接下来就开始部署,首先是mysql数据库部署,点开数据库,如果没有下载的话,他会有提示,直接基于提示安装对应的版本,然后创建数据库,然后就导入sql文件,就可以了

 

这里数据库就导入成功了,记住是导入sql文件

然后我们进行后台部署,点击网站,点击java项目 ,选择springboot项目,部署端口,jdk等等,然后直接提交就ok了

注意:这里端口得在阿里云服务器里面安全组放行,不然访问不了

接下来部署前端项目我们点击PHP,安装对应的PHP就行,无脑安装

接下来开始部署

点开后是这个页面

有域名填域名,没域名填ip+前端端口就行

像我这样

然后确定后,去访问ip+端口或者域名,访问后显示如下图就OK了

这里如果访问不了,多半因为安全组没有添加导致的

然后开始部署我的vite前端项目

点开文件夹,就会看见刚才我们创建的项目的文件夹

将里面的所有文件删除,然后将dist压缩包搞进去,然后解压,就像这样,然后解压

 然后将dist里面的文件全部搞出来 ,将dist文件夹删除,最好

然后再次访问这个前端的ip+端口

像这样,你的项目就成功上云了。

问题:你会发现你前端无论如何就登录都会报错,这里有可能是代理的问题 

如果说你的前端用到了代理,这里就必须配置一下前端文件了。接下来准备配置

 

加入这写代码

# 其他代理配置
    location ^~/app-dev/ {
        proxy_pass http://localhost:6002/;
    }

 根据自己实际项目中来

然后再重新启动前端项目

然后就部署成功了!!!

标签:文件,分离,dist,项目,前端,前后,上云,然后,文件夹
From: https://blog.csdn.net/zhdbshiai/article/details/143424306

相关文章

  • Cloudera Manager 前后端分离部署方法
    现状如果大数据团队使用ClouderaManager产品,那极有可能会遇到以下场景:有多套环境,需要维护各个环境的scmserver地址(http://10.x.x.x:7180)给每个scmserver申请域名,但域名的变更需要走流程方案采取前后端分离部署方案(niginx+域名),将cloudera-scm-server的前端静态文......
  • 【YOLOv11改进 - 注意力机制】LSKA(Large Separable Kernel Attention):大核分离卷积注
    YOLOv11目标检测创新改进与实战案例专栏点击查看文章目录:YOLOv11创新改进系列及项目实战目录包含卷积,主干注意力,检测头等创新机制以及各种目标检测分割项目实战案例点击查看专栏链接:YOLOv11目标检测创新改进与实战案例@目录YOLOv11目标检测创新改进与实战案例专栏介......
  • MYSQL安装完系统盘和数据盘分离的后续操作
    前面讲了,为了保证数据库安全,建议将系统盘和数据盘分离。1、系统盘和数据盘分离操作,请看:https://www.cnblogs.com/hunttown/p/18510531 2、安装MYSQL数据库,请看:https://www.cnblogs.com/hunttown/p/17119331.html 3、后续操作如下:#1、复制现有的MySQL数据库文件sudo......
  • HTTP 响应头信息与前后端交互时content-type重要性
    以下是响应头的大部分属性响应头信息中文翻译描述Date日期响应生成的日期和时间。例如:Wed,18Apr202412:00:00GMTServer服务器服务器软件的名称和版本。例如:Apache/2.4.1(Unix)Content-Type内容类型响应体的媒体类型(MIME类型),如text/html;charset=UTF-8,application/......
  • 使用AWS Snowball迁移大量数据上云
    在数字化转型的浪潮中,越来越多的企业意识到云计算带来的灵活性和高效性。然而,面对庞大的数据量,数据迁移常常成为一个棘手的问题。AWSSnowball服务为企业提供了一种高效、安全的数据迁移解决方案,助力企业顺利上云。下面就让九河云来给大家说一下AWSSnowball这款产品吧。AWSS......
  • 手把手搭建自己私有的MQTT服务器,完成设备上云
    手把手搭建自己私有的MQTT服务器,完成设备上云原创ds小龙哥DS小龙哥嵌入式技术资讯 2024年09月19日13:21重庆5人听过一、前言在众多物联网通信协议中,MQTT(MessageQueuingTelemetryTransport)因其轻量、高效的特点而被广泛应用于各种物联网场景。它不仅能够满足设备低功......
  • Python Web 前后端分离 后台管理系统 Django+vue(完整代码)
    1.前后端分离的架构在前后端分离的架构中,前端和后端分别作为独立的项目进行开发和部署。前端项目通过API与后端项目进行通信。前端:使用Vue.js构建用户界面,调用后端提供的RESTfulAPI获取和发送数据。后端:使用Django构建API,处理业务逻辑和数据存储2.创建django项目及vue项目......
  • springboot基于微信小程序的企业考勤系统(源码+文档+调试+vue+前后端分离)
    收藏关注不迷路!!......
  • 【java】RSA前后端互通
    后端importjavax.crypto.Cipher;importjava.security.KeyFactory;importjava.security.PrivateKey;importjava.security.PublicKey;importjava.security.spec.PKCS8EncodedKeySpec;importjava.security.spec.X509EncodedKeySpec;importjava.util.Base64;publi......
  • 萤石设备视频接入平台EasyCVR私有化部署视频平台高速公路视频上云的高效解决方案
    经济的迅猛发展带来了高速公路使用频率的激增,其封闭、立交和高速的特性变得更加显著。然而,传统的人工巡查方式已不足以应对当前高速公路的监控挑战,监控盲点和响应速度慢成为突出问题。比如,非法占用紧急车道的情况屡见不鲜,却因缺乏即时监控和确凿证据,给执法带来了不小的挑战。在许......