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.1\conf\nginx.conf。(不知是否必要)

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

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

关闭nginx（nginx -s stop）

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