ToB企服应用市场:ToB评测及商务社交产业平台

标题: 利用IDEA后端java代码打包为jar，利用Nginx打包前端Vue [打印本页]

---

作者: 去皮卡多    时间: 2024-7-22 04:16
标题: 利用IDEA后端java代码打包为jar，利用Nginx打包前端Vue
利用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企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4