项目打包部署流程(前后端本地打包部署)

本地部署

后端

首先打成jar包,尝试在本地运行

由于项目是maven父子工程 首先要把父项目进行install

配置好jdk环境(两套环境可选)这里使用的是jdk17

path中把java的环境置顶

查看当前jdk环境(保证正确的jdk环境)

在要运行的服务的pom.xml文件中添加相应的配置

xml 复制代码
<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>3.0.5</version>
            </plugin>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-jar-plugin</artifactId>
                <version>3.3.0</version>
                <configuration>
                  <archive>
                      <manifest>
                          <mainClass>com.zmq.spzx.manager.ManagerApplication</mainClass>
                      </manifest>
                  </archive>
                </configuration>
            </plugin>
        </plugins>
    </build>

使用maven命令package 打包好服务 打成jar包

使用命令启动后端

前端

执行打包命令 npm run build 打包好前端

cmd 复制代码
npm run build

打包好的文件默认在dist目录

使用cmd命令进入该命令

使用node.js作为web服务器来运行这个项目 命令为

cmd 复制代码
npx http-server

执行这个命令后可能会需要下载相应的包 输入y确认即可

cmd 复制代码
D:\JavaProject\springcloud\spzx-admin\spzx-admin\dist>npx http-server
Need to install the following packages:
  http-server
Ok to proceed? (y) y
Starting up http-server, serving ./

http-server version: 14.1.1

http-server settings:
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Available on:
  http://192.168.56.1:8080
  http://192.168.216.1:8080
  http://192.168.200.1:8080
  http://192.168.1.50:8080
  http://127.0.0.1:8080
  http://172.25.192.1:8080
Hit CTRL-C to stop the server

在浏览器就可以直接访问项目了 如图:

相关推荐
是上好佳佳佳呀1 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
FQNmxDG4S1 小时前
Maven依赖管理:版本冲突解决与生命周期控制
java·数据库·maven
傻瓜搬砖人1 小时前
Spring集成Web环境
java·spring·maven
FQNmxDG4S1 小时前
Java泛型编程:类型擦除与泛型方法的应用场景
java·开发语言·python
CDN3601 小时前
排查实录:网站偶发502/504错误?360CDN回源超时配置与日志分析技巧
前端·数据库
之歆2 小时前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式
前端·css
GottdesKrieges2 小时前
OceanBase恢复常见问题
java·数据库·oceanbase
IGAn CTOU2 小时前
Java高级开发进阶教程之系列
java·开发语言
leo825...2 小时前
Claude Code Skills 清单(本地)
java·python·ai编程
NGSI vimp2 小时前
Java进阶——如何查看Java字节码
java·开发语言