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

本地部署

后端

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

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

相关推荐
中国lanwp几秒前
npm中@your-company:registry 和 registry 的区别
前端·npm·node.js
Bacon2 分钟前
Electron 应用商店:开箱即用工具集成方案
前端·github
行走的陀螺仪3 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
码割机5 分钟前
Linux服务器安装jdk和maven详解
java·linux·maven
冴羽6 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
调试人生的显微镜7 分钟前
如何查看手机使用记录?四种实用方法详解
后端
jump6808 分钟前
commonjs 和 ES Module
前端
侯爵9 分钟前
rabbitmq 如何保证消息顺序消费
后端
sualpha14 分钟前
再见,StringManipulation!AI一键搞定字符串转换、JSON格式化与翻译
后端
quant_198615 分钟前
【教程】使用加密货币行情接口 - 查询比特币实时价格
开发语言·后端·python·websocket·网络协议