首页 > 系统相关 >springboot+vue项目的线上部署(windows超详细版)

springboot+vue项目的线上部署(windows超详细版)

时间:2024-11-14 15:47:18浏览次数:3  
标签:vue springboot 项目 windows jar 部署 点击 服务器 面板

 引言

关于linux操作系统的线上部署教程博客相当多,但是windows操作系统的教程却寥寥无几,今天我给大家介绍一下基于windows操作系统的云服务器上的springboot+vue项目线上部署教程

准备工作

1.准备一个云服务器,我选择的是阿里云ECS云服务器

这里给大家留一个小门槛,去搞一台ECS云服务器(实际上是本人不想写这个了)

2.先进入你的这个页面哈,点击“安全组”

3.然后点击管理规则

4.把下面的端口全都放行了,点那个快速添加的按钮可以放行端口噢

5.接下来就可以远程连接你的云服务器了

首次连接应该会让你设置密码啥的,反正很简单,这里就跳过了哈

6.进入云服务器,在云服务器上下载一个宝塔面板,去浏览器上就可以下载

网址是 宝塔面板下载,免费全能的服务器运维软件 (bt.cn)

7.因为我的服务器是windows所以下载Windows版的

注:当时也是windows版的教程很少,我也废了很大功夫

8.打开之后应该是这样的,可以自己设置账号密码

9.设置好之后在自己的电脑浏览器打开面板地址(是在自己的浏览器不是云服务器中噢)

注:我这里密码忘了,不让我登了,大家一定要记好自己的密码呀

OK,解决了,随手告诉大家怎么找回密码吧,下面便是教程,亲测有用如何修改Windows面板密码教程 - Windows面板 - 宝塔面板论坛 (bt.cn)

登入之后是这个界面

10.点击软件商店去下载一些需要的东西,这里大家抄作业就行了

注:如果大家碰到了下载慢的问题,重新启动面板就可以解决了

11.之后我们来配置一下数据库,添加一个数据库

12.点击管理,会跳转到新的网址(如果报404等错误有两个原因,1.安全组没有放行,2.没有按照我的软件去安装)

13.导入你的sql文件

14.秉着教人教到会的原则,我教一下大家如何去导出本地数据库到sql文件

右键表格-->导入/导出-->将数据导出到文件

15.按照我这个选择去导出哈,不然容易导出奇奇怪怪的数据

16.jdk的配置

宝塔上只能下载jdk1.8或以下,但是我们的版本是jdk17,所以我们要在本地上传jdk17

点击打开即可上传

后端部署

1.我们部署时部署的是项目的jar包,我们可以通过Maven项目的package功能得到jar包,点击package进行打包

2.打包完成后我们拿出jar包,可能会生成多个jar包,我们只拿有配置文件的模块的那个jar包,这里是Server模块

3.把项目的配置文件也拿出来,这个项目是application-dev.yml

4.将java项目的jdk环境配置一下(之前上传的jdk17)

5.自己把jar包和配置文件上传到云服务器哈,和上传jdk的方法一样

6.改一下项目的配置文件,将数据库的配置该成云服务器上的数据库,划红圈的那一部分哈

7.部署JAVA项目

点击添加Java项目,按照如下配置即可,注意项目的jar路径要是你的jar包的路径,而且配置文件要和jar包的位置同级,端口要是没有被占用的端口

至此后端就部署完成了!

前端部署

1.首先要改一下你的前端项目跨域配置

这里的目标url要是http://+你的云服务器公网ip+你的后端项目端口

2.之后将前端项目打包

在终端打开输入指令

npm run build

如果你的项目又语法错误就先改正,不然是打包不了的

3.将打包好的文件上传到云服务器

就是画圈的文件“dist”

4.部署PHP项目

点击添加站点,域名即是你的云服务器公网ip,根目录是你上传“dist”的目录

这里注意一下dist目录下不能再有一个dist目录,如果会报错的话,最好检查一下自己的目录结构是否正确

至此线上部署完成,完结撒花喽!

结语

如果大家对于该线上部署流程有什么不懂的地方,欢迎在评论区讨论,或者加我qq:3692625314

我会给大家解答

标签:vue,springboot,项目,windows,jar,部署,点击,服务器,面板
From: https://blog.csdn.net/2301_82067992/article/details/143643056

相关文章

  • windows 设置nacos开机自启 并后台运行
    windows安装目录D:\nacos路径根据实际情况调整下面脚本路径在当前目录下创建nacos.bat@echooffechoStartingNacosat%DATE%%TIME%>>D:\nacos\nacos_startup.logD:CDD:\nacos\binstart""/bcmd/c"startup.cmd>D:\nacos\nacos_output.log2>&......
  • 计算机毕业设计 | SpringBoot社区物业管理系统 小区管理(附源码)
    1,绪论1.1课题背景近几年来,随着物业相关的各种信息越来越多,比如报修维修、缴费、车位、访客等信息,对物业管理方面的需求越来越高,我们在工作中越来越多方面需要利用网页端管理系统来进行管理,我们所需要的各种信息的处理操作都可以通过使用网页系统来完成,有了网页端的系统就......
  • 计算机毕业设计 | SpringBoot社区物业管理系统 小区管理(附源码)
    1,概述1.1课题背景近几年来,随着物业相关的各种信息越来越多,比如报修维修、缴费、车位、访客等信息,对物业管理方面的需求越来越高,我们在工作中越来越多方面需要利用网页端管理系统来进行管理,我们所需要的各种信息的处理操作都可以通过使用网页系统来完成,有了网页端的系统......
  • 计算机毕业设计 | SpringBoot社区物业管理系统(附源码)
    1,概述1.1课题背景近几年来,随着物业相关的各种信息越来越多,比如报修维修、缴费、车位、访客等信息,对物业管理方面的需求越来越高,我们在工作中越来越多方面需要利用网页端管理系统来进行管理,我们所需要的各种信息的处理操作都可以通过使用网页系统来完成,有了网页端的系统......
  • Jmeter (5.6.3) Windows 使用示例
    步骤:1.下载apache-jmeter-5.6.3.zip2.解压,在环境变量Path中,新增jMeter的bin文件夹的路径3.在bin文件夹中,双击jmeter.bat->打开JMeter4.在JMeter的窗口中:文件->新建(创建测试计划)5.测试计划右键:添加->线程(用户)->线程组6.线程组右键:添加->取样器->HTTP请求7.HTTP请......
  • springboot毕设 魔方网上商城的设计与实现 程序+论文
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展和电子商务的日益普及,网上购物已成为人们日常生活的重要组成部分。在这一背景下,魔方网上商城的设计与实现应运而生。传统的......
  • springboot毕设 秒杀系统 程序+论文
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,电子商务已成为人们日常生活中不可或缺的一部分。秒杀活动,作为电商促销的重要手段之一,因其价格优惠、商品稀缺性等特点,深受......
  • [KB]Windows 11自动黑屏,疑似自动进入休眠状态
    问题现象:Windows11在电源现象中设置了,永不睡眠(Sleep);永不关闭Disk等电源设置项目后,依旧会自动进入疑似休眠的状态。可以尝试以下方法:#查看当前设定PSC:\Users\Administrator>powercfg-aThefollowingsleepstatesareavailableonthissystem:Standby(S3)......
  • 【Azure App Service】在App Service for Windows上验证能占用的内存最大值Y5
    问题描述在创建AppService服务的时候,根据定价层不同,内存使用的最大值也有不同。但在实际测试中,发现内存最大只能占用2GB左右,而定价层中内存分配明明是大于2GB(比如B3定价层的内存为7GB),这是一种什么情况呢?在AppService中Kudu工具上,查看进程分配的内存大小:问题解答使用......
  • Springboot毕业生信息跟踪系统的设计与实现89ktp(程序+源码+数据库+调试部署+开发环境)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表学生,招聘信息,招聘申请,职业测评,就业问答,测评结果,问答结果,跟踪调查,就业报道,档案信息开题报告内容一、研究背景随着高等教育的普及和毕业生数量的增加,如......