Springboot+Vue项目部署到服务器(windows系统)

转载请标明出处:
https://blog.csdn.net/weixin_41965979/article/details/106517879
本文出自付付讶的博客

一、下载安装所有要用到的软件(jdk,数据库,redis,nginx,nodejs)

        均去官网下载然后直接安装就行,百度里超多安装步骤,这里就不详细介绍安装了!

二、配置nginx

       进入nginx安装路径,点击conf,找到nginx.conf,备份一份副本,然后打开原件

Springboot+Vue项目部署到服务器(windows系统)_第1张图片

 打开nginx.conf配置文件要修改的地方

Springboot+Vue项目部署到服务器(windows系统)_第2张图片

开放端口图片:

 Springboot+Vue项目部署到服务器(windows系统)_第3张图片

Springboot+Vue项目部署到服务器(windows系统)_第4张图片

三、将前后台项目打包

后端Springboot项目打包步骤:

①进入application.yml将active改成prod,意思是正式环境。

②进入application-prod.yml,更改配置信息

Springboot+Vue项目部署到服务器(windows系统)_第5张图片

更改完成之后点击package打包,打包完成之后在target下有一个jar包,把jar随便拷到服务器上的某个位置

Springboot+Vue项目部署到服务器(windows系统)_第6张图片

 前端VUE项目打包步骤:

在项目里执行npm run build命令,执行完成了之后会多出来一个dist文件夹,讲dist文件夹里的assets文件夹和index.html拷贝到服务器上在nginx下新建的文件夹里(不知道什么文件夹的可以往上看nginx配置信息的说明文字)

Springboot+Vue项目部署到服务器(windows系统)_第7张图片

四、启动

打开cmd执行 start javaw -jar xxx.jar(xxx.jar是你打包好拷贝到服务器的后端项目,如果在文件夹里一定要写全路径)

Springboot+Vue项目部署到服务器(windows系统)_第8张图片

效果(服务器ip+在nginx自定义的端口)运行成功

Springboot+Vue项目部署到服务器(windows系统)_第9张图片

你可能感兴趣的:(部署)