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

本地部署

后端

首先打成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

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

相关推荐
特立独行的猫A1 小时前
用仓颉语言 cj-tauri 框架,五分钟给娃做了个鸿蒙形近字游戏
java·后端·python
2分钟速写快排3 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
码事漫谈4 小时前
我花了一周时间,看AI公司怎么"管"AI,结果越看越后背发凉
后端
Penge6665 小时前
JavaScript:BOM 详解
前端
Penge6665 小时前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge6665 小时前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge6666 小时前
Sass 了解
前端
Penge6666 小时前
Webpack 打包从 0 到 1 实战笔记
前端
Penge6666 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge6666 小时前
Ant Design(Antd)了解
前端