网站开发的开发工具,公众号引流推广,长沙有实力seo优化公司,网页设计公司有哪些在包头的#x1f31f; 前言 欢迎来到我的技术小宇宙#xff01;#x1f30c; 这里不仅是我记录技术点滴的后花园#xff0c;也是我分享学习心得和项目经验的乐园。#x1f4da; 无论你是技术小白还是资深大牛#xff0c;这里总有一些内容能触动你的好奇心。#x1f50d; #x… 前言 欢迎来到我的技术小宇宙 这里不仅是我记录技术点滴的后花园也是我分享学习心得和项目经验的乐园。 无论你是技术小白还是资深大牛这里总有一些内容能触动你的好奇心。 洛可可白个人主页 个人专栏✅前端技术 ✅后端技术 个人博客洛可可白博客 代码获取bestwishes0203 封面壁纸洛可可白wallpaper 文章目录 Spring BootVue前后端分离项目如何部署到服务器环境准备通用准备数据库准备Spring Boot部署环境Vue.js部署环境可选环境 运行sql文件创建数据库Spring Boot项目部署到服务器Vue项目部署到服务器综合步骤 往期精彩回顾 Spring BootVue前后端分离项目如何部署到服务器
部署Spring BootVue前后端分离项目到服务器涉及以下步骤首先将Spring Boot后端应用打包成jar或war文件并上传至服务器通过运行java -jar命令启动后端服务。接着构建Vue前端项目生成静态文件同样上传至服务器的Web服务器目录如Nginx的html目录。最后配置Nginx作为反向代理将前端请求代理至Vue应用目录同时确保后端API的路径正确映射。这样前后端分离的项目就成功部署在服务器上。 部署Spring Boot和Vue项目到服务器之前需要确保服务器具备以下环境和工具
环境准备
通用准备 服务器 一台具有稳定网络连接的服务器可以是云服务器或本地服务器。服务器操作系统常见的有Linux发行版如Ubuntu、CentOS或Windows Server。 SSH访问对于Linux服务器 SSH客户端如xshell。 文件传输工具 FTP客户端如xftp。或者SCP工具如WinSCPWindows或终端macOS、Linux。
数据库准备
MySQL环境 安装MySQL5.7或MySQL8.0。可以通过运行sudo systemctl status mysqld来检查MySQL是否正在运行MySQL需要配置远程访问。 CentOS上安装MySQL 5.7和MySQL 8.0教程 837阅读 · 21点赞 · 13收藏 MySQL远程访问工具 用于构建远程访问MySQL工具如Navicat。
Spring Boot部署环境 Java环境 安装Java Development Kit (JDK)至少需要1.8版本。可以通过运行java -version和javac -version来检查Java是否已安装。 CentOS上安装JDK的详细教程 739阅读 · 12点赞 · 13收藏 Maven或Gradle如果需要本地构建 用于构建Spring Boot项目的构建工具。可以通过运行mvn -version或gradle -v来检查是否已安装。
Vue.js部署环境 Node.js和npm 安装Node.js它附带npm包管理器。可以通过运行node -v和npm -v来检查是否已安装。 Web服务器 Nginx或Apache用于提供静态文件服务。对于Nginx可以通过运行nginx -v来检查是否已安装。对于Apache可以通过运行apache2 -v或httpd -v来检查是否已安装。 CentOS上安装与配置Nginx 683阅读 · 9点赞 · 6收藏 手把手教你CentOS下载Nginx配置使用 464阅读 · 2点赞 · 3收藏 可选环境 数据库 如果Spring Boot应用需要数据库需要安装相应的数据库服务器如MySQL、PostgreSQL等。确保数据库服务已启动并且应用有正确的数据库连接配置。 反向代理/负载均衡 如果有多个应用实例或需要SSL终端可能需要配置Nginx或HAProxy作为反向代理或负载均衡器。 容器化工具如Docker 如果使用Docker需要在服务器上安装Docker和Docker Compose。 自动化部署工具如Jenkins、GitLab CI/CD 如果需要自动化部署流程可能需要安装和配置CI/CD工具。
确保在部署之前服务器上的环境和工具都已经正确安装和配置这样可以避免在部署过程中遇到不必要的问题。
运行sql文件创建数据库 远程连接服务器上的数据库使用Navicat连接数据库。 运行项目相关的SQL文件运行SQL。
Spring Boot项目部署到服务器 打包应用 使用Maven或Gradle将Spring Boot项目打包成可执行的jar或war文件。如果使用Maven可以在pom.xml中添加spring-boot-maven-plugin插件并运行mvn clean package命令来打包。 上传到服务器 使用FTP、SCP或其他文件传输方法将打包好的jar或war文件上传到服务器的适当目录中。 运行应用如果是jar包 在服务器上使用以下命令在后台运行jar文件 nohup java -jar yourapp.jar output.log 21 这将把应用的输出重定向到output.log文件中并在后台运行。 配置服务可选 为了确保应用可以在系统启动时自动运行并能在出现问题时自动重启可以创建一个Systemd服务文件。 开放端口 确保服务器的防火墙设置允许外部访问Spring Boot应用的端口。
Vue项目部署到服务器 构建项目 在本地环境中运行npm run build命令这将会在Vue项目的dist/目录下生成构建后的文件。 上传文件 将dist/目录下的所有文件上传到服务器的Web服务器目录中例如Nginx或Apache的html或public目录。 配置Web服务器 配置Web服务器以提供静态文件服务。如果是Nginx你需要编辑nginx.conf或相应的配置文件设置正确的根目录并可能需要配置SSL如果你使用的是HTTPS。 重启Web服务器 为了使配置生效重启Web服务器。 先查询nginx服务运行的进程ps -ef|grep nginx 杀死所查询到的nginx服务kill -9 [ 查到的进程] 重启服务cd /nginx安装的sbin目录 ./nginx 访问应用 在Web浏览器中输入服务器的IP地址或域名你应该能够看到你的Vue应用。
综合步骤
对于同时包含前端Vue项目和后端Spring Boot项目的全栈应用通常的做法是
将Spring Boot应用打包并部署到服务器作为后端API服务。将Vue应用构建并上传到同一服务器的Web服务器目录中或者配置反向代理如Nginx将前端请求代理到Vue应用的服务器。
确保在部署过程中Vue应用的publicPath或base配置正确指向后端API的URL以确保前后端能够正确地通信。
以上步骤是部署Spring Boot和Vue项目到服务器的基本流程。具体的命令和配置可能会根据你的项目和服务器环境有所不同。
如果对你有帮助点赞、收藏、关注是我更新的动力 往期精彩回顾 前端开发的发展史框架与技术栈的演变 706阅读 · 11点赞 · 8收藏 打字通小游戏制作教程用HTML5和JavaScript提升打字速度 588阅读 · 24点赞 · 18收藏 扫雷小游戏制作教程用HTML5和JavaScript打造经典游戏 776阅读 · 15点赞 · 20收藏 拼图小游戏制作教程用HTML5和JavaScript打造经典游戏 487阅读 · 9点赞 · 12收藏 Mock.js 基本语法与应用笔记 280阅读 · 5点赞 · 9收藏 排序算法全景从基础到高级的Java实现 679阅读 · 25点赞 · 9收藏 CentOS系统上安装Redis操作教程 410阅读 · 4点赞 · 4收藏 打造你的HTML5打地鼠游戏零基础入门教程 1131阅读 · 28点赞 · 30收藏 打造你的贪吃蛇游戏HTML、CSS与JavaScript的完美结合 1078阅读 · 26点赞 · 12收藏 快速上手使用Hexo搭建并自定义个人博客 669阅读 · 19点赞 · 20收藏 在Vue中处理接口返回的二进制图片数据 704阅读 · 21点赞 · 18收藏 打造经典游戏HTML5与CSS3实现俄罗斯方块 1117阅读 · 31点赞 · 23收藏 Spring Boot中Excel数据导入导出的高效实现 1066阅读 · 23点赞 · 22收藏 Spring Boot中实现图片上传功能的两种策略 1297阅读 · 24点赞 · 13收藏 CentOS上安装MySQL 5.7和MySQL 8.0教程 837阅读 · 21点赞 · 13收藏 Spring Boot工程集成验证码生成与验证功能教程 1417阅读 · 39点赞 · 17收藏 Spring Boot 3项目集成Swagger3教程 809阅读 · 15点赞 · 8收藏 CentOS上安装JDK的详细教程 739阅读 · 12点赞 · 13收藏 解决前端项目中Node.js版本不一致导致的依赖安装错误 876阅读 · 17点赞 · 16收藏 入门指南使用uni-app构建跨平台应用 1315阅读 · 29点赞 · 9收藏 Vue项目中使用Mock.js进行API模拟 655阅读 · 17点赞 · 7收藏 Vue组件间通信实践 866阅读 · 24点赞 · 18收藏 CentOS上安装与配置Nginx 683阅读 · 9点赞 · 6收藏 Vue跳转页面传递参数 268阅读 · 5点赞 · 4收藏 vue项目如何下载使用gsap动画库 551阅读 · 1点赞 · 0收藏 VS Code上搭建React开发环境 2286阅读 · 2点赞 · 10收藏 vue命令式组件封装以及使用 819阅读 · 2点赞 · 3收藏 springboot项目常用配置 379阅读 · 1点赞 · 0收藏 如何在Vue中使用百度地图API来创建地图应用程序。 345阅读 · 3点赞 · 1收藏 手把手教你CentOS下载Nginx配置使用 464阅读 · 2点赞 · 3收藏 vue3 setup语法糖的三种书写方法 2824阅读 · 5点赞 · 14收藏 vue3中vuex 的使用基本使用和二次封装 447阅读 · 3点赞 · 1收藏 MySQL基础全套全网最详细讲解 770阅读 · 3点赞 · 6收藏 前端开发之响应式布局响应式 HTML, CSS and JavaScript 框架介绍 703阅读 · 3点赞 · 2收藏 VS code搭建C/C运行环境简单易上手 2786阅读 · 5点赞 · 8收藏 Vue.2Vue.3项目引入Element-UI教程踩坑 9268阅读 · 22点赞 · 82收藏 Vue项目引入Echarts可视化图表库教程踩坑 2203阅读 · 3点赞 · 5收藏 VirtualBox虚拟机搭建CentOS系统教程 4493阅读 · 4点赞 · 32收藏 VS Code上搭建Vue开发环境 10662阅读 · 13点赞 · 64收藏 Color-UI 简介及使用教程 5921阅读 · 2点赞 · 13收藏
