在windows环境下怎么用nginx部署Vue + SpringBoot 项目

最新推荐文章于 2024-12-11 21:00:00 发布
最新推荐文章于 2024-12-11 21:00:00 发布
阅读量1.7k 收藏 18
点赞数
文章标签： spring boot vue.js nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42159042/article/details/112502028
版权
本文详细介绍了在Windows系统中如何使用nginx部署Vue前端应用与SpringBoot后端服务。首先，需要准备好nginx服务器、Vue的dist文件、SpringBoot的jar包以及JDK和MySQL数据库。接着，按步骤配置JDK环境、数据库、创建SpringBoot项目并实现登录功能，再创建Vue项目并设置代理，打包Vue应用和SpringBoot应用。最后，配置nginx.conf文件，启动nginx和SpringBoot服务，通过浏览器验证部署成功。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、需要准备的东西

（1）nginx服务器；

（2）打包好的vue的dist文件和springboot项目的jar包；

（3）jdk的安装；

（4）mysql数据库的安装。

二、部署步骤

第一步：安装好jdk，配置好环境变量，安装好mysql数据库，设置好账户密码；

第二步：新建一个springboot项目（以登录校对账户密码为例），配置好数据源；

项目启动类：

实体类：

封装返回类：

controller层：

最低0.47元/天 解锁文章
qq_42159042
关注
springboot+vue项目的线上部署(windows超详细版)
2301_82067992的博客
11-09 1643
关于linux操作系统的线上部署教程博客相当多，但是windows操作系统的教程却寥寥无几，今天我给大家介绍一下基于windows操作系统的云服务器上的springboot+vue项目线上部署教程
手把手教你入门vue+springboot开发（二十二）--Nginx部署前端
最新发布
dreamflyly的博客
03-24 946
很多初学者心中都有一个疑问：既然Spring Boot支持托管前端进行部署，为什么还需要Nginx来部署前端呢？Nginx是一款高性能的开源 Web服务器、反向代理服务器和负载均衡器，它被广泛使用于Web开发，Nginx以其高效性、低资源占用和处理大量并发连接的能力而闻名。本篇我们先研究一下如何使用Nginx实现前后端分离部署，然后再对这两种前端部署方式做一个对比。
Nginx部署SpringBoot项目
机器学习菜鸟
12-15 4767
nginx 部署springboot项目
nginx 部署springboot 项目
xiaoyaozizai1的博客
04-16 2497
nginx主要是个代理映射到另个地址 1. centos部署一个springboot jar 项目，这里用一个现成的项目,端口是8090。 nohup java -jar springboot-thread-0.0.1-SNAPSHOT.jar & 2. 配置nginx文件，我的nginx的安装目录是/usr/local/nginx sudo vi /usr/l...
【超详细】前后端项目部署(原始Nginx+SpringBoot)
Delinquencykee的博客
06-20 6507
前后端项目部署（原始Nginx+SpringBoot）
云服务器安装Nginx，并成功部署Springboot项目
weixin_63908159的博客
09-14 854
防火墙对某一端口开放：firewall-cmd --zone=public --add-port=83/tcp --permanent。第二步：将打包后生成的dist文件，上传到/usr/local/nginx/html路径下，将整个dist文件上传到该路径下。第三步：将后端项目先clean，然后install，将打包好的jar包上传到服务器中，所上传的路径需要记住。第六步：配置nginx，nginx的配置文件位于conf/nginx.conf。
使用 Nginx 部署 Vue + SpringBoot 项目
盛夏温暖流年
10-16 1327
一. Vue 项目的打包 在项目路径下打开 cmd，输入以下命令： npm run build 出现如下提示说明打包成功： 成功后会在项目目录下生成 dist 目录，将对应目录下的 index.html 和 static 文件夹压缩后上传到 linux 下的 nginx 的 html 目录下： 解压缩： unzip dist.zip 打开 nginx 的 conf 目录，打开配置文件 nginx.conf： 二. SpringBoot 项目的打包 使用 IDEA 打开项目，使用 maven 将程序打
阿里云k8s 部署vue2+nginx+springboot2.5+nacos2.0.3
01-10
阿里云k8s 部署vue2+nginx+springboot2.5+nacos2.0.3
项目部署 – Linux（ springboot + vue + nginx）
01-09
一、后台项目（Springboot） 1.项目打成jar包 在项目target目录里会有打包的jar 2.启动后台运行jar 注意： 若无nohup 命令 yum install coreutils nohup java -jar 你的jar包名称.jar & 二、前端工程 1.点击此...
手把手教你Docker+nginx部署Springboot+vue前后端分离项目
2401_86963632的博客
09-06 1480
公众号同名。其实我觉得我已经录制得很详细的了，可能大家水平不一，有些人觉得我很多地方讲清楚，还有就是有些人按照视频同步做实验，还一路踩坑，这个我也预料不到哈哈。说实话，我自己做实验的过程还是挺顺利的。有些同学们提出个问题，不知道如何打包部署Vue前后端分离项目。那么今天，我们就来学习一下，如何部署简单快捷部署我们的vueblog项目！名称：[实战]基于SpringBoot+Vue开发的前后端分离博客项目完整教学（vueblog）
Windows环境Nginx部署springboot+vue前后端分离项目
weixin_45467097的博客
09-11 5140
windows服务环境使用Nginx部署springboot+vue项目 部署步骤：先在服务器上搭建运行环境，Nginx，MySQL，JDK，Redis。 注意：要先将springboot的配置文件application.yml下的redis，数据源的地址端口密码改成服务器环境下的，然后将springboot项目打成jar包，如果最终需要执行的jar包下有多个配置文件可以使用此命令进行指定配置文件执行jar包 nohup java -jar $APP_NAME --spring.profiles.activ
服务器使用Nginx部署Springboot项目的详细教程（jar包）
01-09
1,将java项目打成jar包 这里我用到的是maven工具 这里有两个项目，打包完成后一个为demo.jar,另一个为jst.jar 2.准备工具 1.服务器 2.域名(注：经过备案) 3.Xshell用于连接服务器 4.WinScp（注:视图工具，用于传输jar） 3.将jar包传入服务器 直接拖动即可 3.使用Xshell运行jar包 注：（服务器的java环境以及maven环境，各位请自行配置，这里不做描述。） cd到jar包路径下执行：nohup java -jar demo.jar >temp.txt & 执行启动完两个jar包后使用ip与端口号访问接口 （注:测试接
用nginx做轮循运行springboot项目
04-21
通过简单配置nginx,实现两个springboot项目的轮循运行,从而解决高并发,或者其中一个项目崩溃问题,有详细的说明文档,方便快捷,易上手
Nginx部署Java服务（SpringBoot）
博客主要分享技术教程、工具教程、bug解决、前沿技术动态、编程经验、心得感悟等。 内容同步、干货获取、推广宣发请看侧栏推广信息
12-11 2307
本文采用CC BY-NC-SA许可证此许可允许在使用者仅出于非商业目的以任何媒体或格式分发、重新混合、改编和构建材料，并且前提是注明创作者。如果您重新混合、改编或基于该材料进行构建，则必须按照相同的条款对修改后的材料进行许可。
Nginx 阿里云从0到部署Spring Boot项目
someday____的博客
08-08 762
开发环境：阿里云服务器ecs，操作系统(centos_7)
SpringBoot项目结合nginx部署（jar包手动部署教程）
dj1540225203的博客
06-09 4188
spring boot结合nginx部署
nginx部署vue+springboot
zalan01408980的博客
07-29 2101
1.vue项目打包，如下 今天vue项目目录 npm install npmrun build:dep 打包后会生成静态页面，在项目根路径的dist文件夹下面 将该文件夹上传到nignx服务器的html目录下 修改nginx配置文件，我这里是/www/server/nginx/conf/nginx.conf 注：端口号后面的/一定要加上 vue里面的反向代理confi...
vue+springboot前后端分离项目部署到windows服务器全部流程
qq_43228403的博客
02-25 9551
vue+springboot前后端分离项目部署到windows服务器 最近看了若依的前后端分离的vue项目，代码撸了一遍之后想要将服务器和前端打包部署到本地windows中，记录自己的部署 一，后端部署 目录结构： 项目工程下的pom文件是整个项目的父pom工程文件，其他的模块pom中都会声明parent文件是pom.xml并且pom.xml中有定义了工程中的所有module 1.1给多模块项目打jar包 此项目后端使用的springboot + maven的技术栈 并且在admin.pom中配置
Nginx 部署vue项目 （Windows版）
weixin_49107940的博客
08-16 3178
项目在本地正常运行后再打包部署。
阿里云服务器部署vue+springboot项目
12-30
### 部署 Vue 和 Spring Boot 项目到阿里云服务器 #### 准备工作 为了成功部署 Vue 前端应用和 Spring Boot 后端服务至阿里云环境，需先完成如下准备工作： - 获取并配置好阿里云 ECS 实例。 - 安装必要的软件包如 Java 运行环境用于支持 Spring Boot 应用；Node.js 及其构建工具链来处理 Vue 项目打包。 #### 构建与上传应用程序文件 对于前端部分即 Vue 应用程序而言，在本地开发完成后应执行生产模式下的编译命令 `npm run build` 或者 `yarn build` 来生成静态资源文件夹 dist/[^1]。接着通过 FTP/SFTP 协议或者其他方式把该目录内的所有内容传输给目标服务器上的 Web 根路径下。 至于后端方面也就是 Spring Boot 工程，则建议采用 jar 形式的可执行 JAR 文件形式发布。可以利用 Maven 插件 maven-jar-plugin 或 Gradle 的 shadowJar task 打包整个工程为独立运行的应用程序，并将其放置于远程主机指定位置以便后续启动操作。 #### 设置 Nginx 作为反向代理服务器 安装 Nginx 并编辑站点配置文件以实现前后端分离架构中的路由转发逻辑。具体来说就是当请求匹配特定前缀时交由对应的后端微服务实例响应；而其他情况下则默认返回 index.html 页面从而允许单页面应用程序 (SPA) 正常运作。 ```nginx server { listen 80; server_name localhost; location /api/ { proxy_pass http://localhost:8080/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } location / { root html/dist; # vue app built files path try_files $uri $uri/ /index.html; } } ``` #### 自动化运维管理方案 考虑到实际应用场景可能涉及到频繁更新迭代以及多版本共存等问题，推荐引入 CI/CD 流水线机制配合 Docker 容器技术简化日常维护成本。借助 Jenkins、GitLab Runner 等持续集成平台能够自动化触发测试验证流程直至最终制品推送入库环节；与此同时 Kubernetes 编排引擎加上 Helm 包管理工具更是让集群级别的调度变得轻而易举。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值