Springboot+vue+nginx前后端分离项目本地部署

Springboot+vue+nginx前后端分离项目本地部署

下载nginx

http://nginx.org/en/download.html

前端

1、vue打包,终端运行命令 npm run build

2、在前端项目中的bulid目录下面找到这两个文件

3、将nginx/html目录下的文件删除,然后粘贴上面的两个文件进去

后端

idea打jar包

1、点击clean,再点击package

2、在target目录下就可以看见所需要的jar包

3、然后在此目录打开cmd,输入java -jar upload-0.0.1-SNAPSHOT.jar,运行此jar包

启动nginx

1、配置,修改nginx-1.20.1conf ginx.conf。(不知是否必要)

location / {
            root   html;
			try_files $uri $uri/ /index.html last;
            index  index.html index.htm;
			}

2、在nginx 的目录下的命令行输入nginx,即为启动

关闭nginx(nginx -s stop)

最后在浏览器输入localhost即可启动项目

经验分享 程序员 微信小程序 职场和发展