Java后端与Vue前端项目部署全流程:从环境配置到Nginx反向代理

文章目录

    • 1. 准备项目所需的环境
    • 2. 后端项目打包
      • 步骤 1:使用 Maven 打包
      • 步骤 2:定位生成的 JAR 包
      • 步骤 3:上传 JAR 包到 Linux 系统
      • 步骤 4:验证 Java 环境
      • 步骤 5:启动 JAR 包
    • 3. 前端项目打包
      • 步骤 1:执行 Build 命令
      • 步骤 2:生成 Dist 文件
    • 4. 部署到 Nginx
      • 步骤 1:安装 Nginx
      • 步骤 2:复制前端文件
      • 步骤 3:修改 Nginx 配置
    • 5. 最终验证


1. 准备项目所需的环境

所需环境:Docker、Nginx、MySQL、Redis、JDK(根据项目需求选择)


2. 后端项目打包

步骤 1:使用 Maven 打包

打开项目并执行 Maven 的 package 命令进行打包:
Maven 打包界面

步骤 2:定位生成的 JAR 包

打包完成后,JAR 包会生成在以下位置:
JAR 包位置
JAR 包目录

步骤 3:上传 JAR 包到 Linux 系统

将 JAR 包复制到 Linux 服务器的指定文件夹中:
上传 JAR 包

步骤 4:验证 Java 环境

确保服务器已安装 Java 环境,执行以下命令检查:

java -version

Java 环境验证

步骤 5:启动 JAR 包

进入 JAR 包所在目录,执行以下命令启动服务:

java -jar dkd-admin.jar

启动 JAR 包
(确保数据库和环境配置无误后,服务将成功启动)


3. 前端项目打包

步骤 1:执行 Build 命令

打开前端项目(如 Trae CN 或 VS Code),根据 package.json 中的 scripts 配置执行 build 命令:

"scripts": {"build": "vue-cli-service build"
}

Build 命令执行

步骤 2:生成 Dist 文件

执行 npm run build 后,项目根目录会生成 dist/ 文件夹:
Dist 文件夹


4. 部署到 Nginx

步骤 1:安装 Nginx

在 Linux 系统中安装 Nginx,或通过 Docker 容器部署。

步骤 2:复制前端文件

dist/ 文件夹内容复制到 Nginx 的默认 HTML 目录下:
复制文件到 Nginx

步骤 3:修改 Nginx 配置

编辑 Nginx 配置文件,确保静态资源路径和反向代理配置正确:
Nginx 配置文件


5. 最终验证

  1. 启动后端服务:确保 JAR 包已运行。
  2. 启动 Nginx:执行 nginx -s reload 重载配置。
  3. 浏览器访问:在浏览器中输入虚拟机 IP 地址,验证部署结果。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/910618.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/910618.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mybatis踩坑之一天

background: 对接AML系统,日间实时需要送交易对手要素过去(目前主要是交易对手全名),夜间需要将历史交易送AML进行回溯,交互方式是文件。文件要素为日期、对手类型、对手名、交易流水之类。 设置对送AML的文件设计表…

【PyTorch】分布式训练报错记录-ERROR:torch.distributed.elastic.multiprocessing.api:failed (exitcode: 1)

最近,我在服务器上起基于PyTorch分布式框架的预训练实验,起初实验都在顺利进行,但是当我们把模型的深度与宽度调大之后,模型在训练几代之后便会出现如下的报错: WARNING:torch.distributed.elastic.multiprocessing.a…

有哪些词编码模型

有哪些词编码模型 词编码模型:是将自然语言符号映射为稠密的高维向量,使语义相近的词汇在向量空间中位置接近。 不过,也有部分模型会考虑字母或字符信息,如基于字节对编码(BPE)的模型会将单词拆分成子词,这里的子词可能是字母组合。 词编码模型的原理主要是通过机器学…

Mono 功能介绍与使用示例

Mono 功能介绍与使用示例 一、核心概念与特性 Mono 是 Spring Reactor 框架中的核心组件,属于响应式编程(Reactive Programming)模型,专注于处理包含 0 或 1 个元素 的异步序列[1][2][5]。其核心特点包括: 异步非阻…

5060Ti双显卡+LLaMA-factory大模型微调环境搭建

查看环境确定安装版本安装CUDA12.8安装Anaconda安装Visual Studio C桌面开发环境(编译llama.cpp需要)安装cmake(编译llama.cpp需要)安装llama.cpp(用于量化)安装huggingface-cli安装llama-factory安装PyTorch2.7.0安装bitsandbytes安装flash-attention加…

Lnmp和XunRuiCMS一键部署(Rocky linux)

先上传XunRuiCMS-Study.zip包到当前目录,可以去官网下载 #!/bin/bash # function: install nginx mysql php on Rocky Linux 9.5 with fixed PHP-FPM configip$(hostname -I | awk {print $1}) yhxunrui passwordxunrui123# 检查是否为root用户 if [ "$USER&qu…

高精度OFDR设备在CPO交换机中的应用

光电共封装(CPO)交换机的特点 核心需求:CPO将光模块与交换芯片集成封装,缩短电互连距离,降低功耗和延迟,但需解决以下挑战: 1.光器件微型化:硅光芯片、光纤阵列等需高精度制造。 …

Vulkan 通过 CMake 集成 Dear ImGUI

一、 目录与文件部署 从官网获取 IMGUI 代码库,在项目 extern 目录下新建 imgui 目录,将相关文件复制进去,构建出如下目录结构: . ├── build ├── extern │ ├── glfw │ ├── glm │ └── imgui │ ├…

Linux设备框架:kset与kobject基本介绍

系列文章目录 Linux设备框架:kset与kobject基本介绍 [link] Linux设备框架:kset与kobject源码分析 [link] kset与kobject基本介绍 一、前言二、kobject、kset和设备的关系2.1 kset 结构体2.2 kobject 结构体 三、总结 一、前言 Linux 设备模型如同一座拥…

【AI论文】扩展大型语言模型(LLM)智能体在测试时的计算量

摘要:扩展测试时的计算量在提升大型语言模型(LLMs)的推理能力方面已展现出显著成效。在本研究中,我们首次系统地探索了将测试时扩展方法应用于语言智能体,并研究了该方法在多大程度上能提高其有效性。具体而言&#xf…

LeapMotion-PhysicalHandsManager 类详解

PhysicalHandsManager 类详解 这个类是 Ultraleap 物理手交互系统的核心管理器,负责处理手部物理交互的不同模式。下面我将详细解析这个类的结构和功能: 类概述 PhysicalHandsManager 继承自 LeapProvider,是物理手交互系统的中央控制器: public class PhysicalHandsMa…

vue-22(理解组合式 API:setup、ref、reactive)

Vue.js 中的组合式 API 代表了我们构建和组织组件方式的重大转变。它为传统的选项式 API 提供了一种更灵活、更强大的替代方案,尤其适用于复杂的应用程序。本章将深入探讨组合式 API 的核心概念:setup函数、ref和reactive,为你构建更可维护、…

【Golang玩转MCP】-实现一个加减乘除MCP服务

文章目录 概要1 首先创建一个MCP服务器2 添加MCP工具如何测试我们的MCP服务功能是否正常呢小结 概要 今天我们使用golang简单实现一个加减乘除MCP服务 1 首先创建一个MCP服务器 s : server.NewMCPServer("Hello World Server","1.0.0",server.WithToolCa…

计算机网络期末 网络基础概述

目录 网络的定义历史发展(了解) 网络的分类,功能和应用(熟悉) 网络的组成与结构(理解) 网络的 OSI 七层参考模型(熟悉) 网络的 TCP/IP 四次模型(理解) 网络有关性能指标(掌握) 网络的定义历史发展(了解) 计算机网络是什么 四个阶段 总结 网络 互连网 因特网的…

SwiftUI学习笔记day4: Lecture 4 | Stanford CS193p 2023

Lecture 4 | Stanford CS193p 2023 课程链接:https://www.youtube.com/watch?v4CkEVfdqjLw 代码仓库:iOS 课程大纲: 简要课程大纲:SwiftUI 高级主题 Swift 访问控制(Access Control) 5 个级别&#xff1…

Docker 高级管理——容器通信技术与数据持久化

目录 一、Docker 容器的网络模式 1. Bridge 模式 2. Host 模式 3. Container 模式 4. None 模式 5. Overlay 模式 6. Macvlan 模式 7. 自定义网络模式 二、端口映射 1. 端口映射 2. 随机映射端口 3. 指定映射端口 (1)固定端口 (…

git操作案例 -设置远程分支,并提交到新远程新分支

文章目录 前言一、分析当前的问题二、修改远程仓库地址(一)修改远程仓库地址场景 现有保留远程分支场景替换现有远程分支 二、 找回已经提交的文件场景:提交后,代码在本地仓库但未推送 三、同步远程分支四、提交到新远程的新分支 …

mysql一张表,其中一个字段设置了唯一索引,又设置了普通索引,查询的时候很慢,没有走普通索引,是const

问题分析 在 MySQL 中,当一个字段同时存在唯一索引和普通索引时,查询优化器通常会优先选择最严格的索引(即能最快缩小结果集的索引)。在你的场景中,优化器选择了唯一索引并将查询视为const类型,这通常是高…

ARCGIS国土超级工具集1.6更新说明

ARCGIS国土超级工具集V1.6版本,功能已增加至60 个。本次更新在V1.5版本的基础上,除修复了使用时发现的若干小问题外,还更新及新增了若干工具。其中勘测定界工具栏更新了界址点西北角重排工具,新增了提示图斑起始点、指定图斑起始点…

零基础学习RabbitMQ(2)--Linux安装RabbitMQ

注意:这里使用的是ubuntu系统 1. 安装Erlang RabbitMQ需要Erlang语言的支持,在安装rabbitMQ之前需要安装Erlang #更新软件包 sudo apt-get update #安装erlang sudo apt-get install erlang 安装后输入 rel可查看Erlang版本: 输入halt().…