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

本地部署

后端

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

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

相关推荐
Chase_Mos1 小时前
Spring 必会之微服务篇(1)
java·spring·微服务
懵逼的小黑子2 小时前
Django 项目的 models 目录中,__init__.py 文件的作用
后端·python·django
小林学习编程4 小时前
SpringBoot校园失物招领信息平台
java·spring boot·后端
撸码到无法自拔4 小时前
docker常见命令
java·spring cloud·docker·容器·eureka
蓝婷儿4 小时前
前端面试每日三题 - Day 32
前端·面试·职场和发展
heart000_14 小时前
IDEA 插件推荐:提升编程效率
java·ide·intellij-idea
ŧ榕树先生5 小时前
查看jdk是否安装并且配置成功?(Android studio安装前的准备)
java·jdk
星空寻流年5 小时前
CSS3(BFC)
前端·microsoft·css3
未来的JAVA高级开发工程师5 小时前
适配器模式
java
九月TTS5 小时前
开源分享:TTS-Web-Vue系列:Vue3实现固定顶部与吸顶模式组件
前端·vue.js·开源