利用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
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build> 2. 双击package打包项目
https://img-blog.csdnimg.cn/direct/198fc45c17de4ef68dc3640da0a2edea.png
注意！！若报错：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的配置路径
https://img-blog.csdnimg.cn/direct/12619a4d8af14ea98b3ba850c899d5d0.png
3.Build成功后，打开target包下天生的.jar包地点的文件夹
https://img-blog.csdnimg.cn/direct/8012f1a05e224782b00a28fa577e42e9.png
https://img-blog.csdnimg.cn/direct/f7b6875c868f4e0c85c0b62b182c56de.png
4.运行.jar包
在有.jar文件的文件下打开命令窗口https://img-blog.csdnimg.cn/direct/4e1e7c488d404ce99edc974d9f1e734d.png
输入：java -jar xxx.jar(你的.jar文件名) 回车，运行 （注意：若在idea中启动了后端，则需关闭）
https://img-blog.csdnimg.cn/direct/cff39078547849c4b45bebb685f742d5.png
https://img-blog.csdnimg.cn/direct/a7c0db1030154f0fbe1cdc7c384ad806.png 表现出端口号，则启动成功！
二、利用nginx部署前端
1.打包前端天生dist文件
在前端的控制台输入npm run build
https://img-blog.csdnimg.cn/direct/e83fe9df15c7408dbc9f0c9f1f00dd85.png
2.build成功后，vue项目天生一个dist文件夹，复制dist文件夹
https://img-blog.csdnimg.cn/direct/2c210b37495a4b39a024b25c7f923153.png
3.下载nginx Windows版
https://nginx.org/en/download.htmlhttps://csdnimg.cn/release/blog_editor_html/release2.3.6/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N7T8https://nginx.org/en/download.html
4.nginx下载解压后，删除nginx的html文件夹下的文件，并将2中dist文件夹下的文件复制到html文件下
https://img-blog.csdnimg.cn/direct/9fb596024cb1432eb4e06e9b45488162.png
5.配置nginx
用记事本打开nginx.conf（前提后台nginx是未启动的）
https://img-blog.csdnimg.cn/direct/7fdab0d0c01e4a5a9e2c2a768fd4aed2.png
location /dev-api {
proxy_pass http://localhost:9090/;
} https://img-blog.csdnimg.cn/direct/89e322ec21a545baa84eb4296cfa6aa2.png
6.切换到nginx.exe地点的文件夹，打开cmd
https://img-blog.csdnimg.cn/direct/0a2df87bf7f449c1bf40b67b95c87405.png
先输入 nginx -s stop 关闭nginx,再启动 start nginx
https://img-blog.csdnimg.cn/direct/0c140476ccd34033aad6fa3232c124d4.png
https://img-blog.csdnimg.cn/direct/0af44f16db104c748bbc398ff64f9062.png
7.输入端口号测试
https://img-blog.csdnimg.cn/direct/ba90e90f395a4684b5a6a9d3b94aad18.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]