利用IDEA后端java代码打包为jar,利用Nginx打包前端Vue

[复制链接]
发表于 2024-7-22 04:16:34 | 显示全部楼层 |阅读模式
利用IDEA后端java代码打包为jar,利用Nginx打包前端Vue
  目录
一、在IDEA中打包后端代码jar包
1.在pom.xml中配置build
2. 双击package打包项目
3.Build成功后,打开target包下天生的.jar包地点的文件夹
4.运行.jar包
二、利用nginx部署前端 
1.打包前端天生dist文件
2.build成功后,vue项目天生一个dist文件夹,复制dist文件夹
3.下载nginx Windows版
4.nginx下载解压后,删除nginx的html文件夹下的文件,并将2中dist文件夹下的文件复制到html文件下
 5.配置nginx
6.切换到nginx.exe地点的文件夹,打开cmd
7.输入端口号测试


一、在IDEA中打包后端代码jar包

1.在pom.xml中配置build

  1.     <build>
  2.         <plugins>
  3.             <plugin>
  4.                 <groupId>org.springframework.boot</groupId>
  5.                 <artifactId>spring-boot-maven-plugin</artifactId>
  6.             </plugin>
  7.         </plugins>
  8.     </build>
复制代码
2. 双击package打包项目


注意!!若报错:No valid Maven installation found. Either set the home directory in the configuration dialog or set the M2_HOME environment variable on your system.
则是Maven配置有问题,查对一下你的Maven的配置路径

3.Build成功后,打开target包下天生的.jar包地点的文件夹



4.运行.jar包

 在有.jar文件的文件下打开命令窗口

输入:java -jar xxx.jar(你的.jar文件名) 回车,运行  (注意:若在idea中启动了后端,则需关闭)

 表现出端口号,则启动成功!
二、利用nginx部署前端 

1.打包前端天生dist文件

在前端的控制台输入npm run build

2.build成功后,vue项目天生一个dist文件夹,复制dist文件夹


3.下载nginx Windows版

https://nginx.org/en/download.html
https://nginx.org/en/download.html
4.nginx下载解压后,删除nginx的html文件夹下的文件,并将2中dist文件夹下的文件复制到html文件下

 
 5.配置nginx

用记事本打开nginx.conf(前提后台nginx是未启动的)

  1. location /dev-api {
  2.             proxy_pass http://localhost:9090/;
  3.         }
复制代码

6.切换到nginx.exe地点的文件夹,打开cmd



先输入 nginx -s stop 关闭nginx,再启动 start nginx


7.输入端口号测试



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
继续阅读请点击广告

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

© 2001-2025 Discuz! Team. Powered by Discuz! X3.5

GMT+8, 2025-7-15 06:24 , Processed in 0.076834 second(s), 30 queries 手机版|qidao123.com技术社区-IT企服评测▪应用市场 ( 浙ICP备20004199 )|网站地图

快速回复 返回顶部 返回列表