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

你的名字 2022-09-11 11:22 271阅读 0赞

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

## **下载nginx** ##

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16]

## 前端 ##

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

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

![在这里插入图片描述][e5e7f925da4040f49801b2881692c693.png]

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

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 2]

## 后端 ##

**idea打jar包**

1、点击clean，再点击package

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 3]

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 4]

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

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 5]

## 启动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**，即为启动

![在这里插入图片描述][98db54a99d304280a43cea251d0f74d8.png]

关闭nginx（**nginx -s stop**）

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

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/5b065470ce6a42b79fb7705249fdb776.png
[e5e7f925da4040f49801b2881692c693.png]: /images/20220828/80231d92dec048ef926be060ba88c7c8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/7b7a655f74704e608d2e64f2cf922d40.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/b08ac63d058e4980ab5302b5d11715d2.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/72ca7e268f2342169a595ad6fa629075.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/553262cbea604b179aef75d7cabe0adc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6I-c5ZSJ_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/1abe782a1eda4b27abdd7a385eb1142f.png
[98db54a99d304280a43cea251d0f74d8.png]: /images/20220828/a0b7e87100b646faab69ba009e2630a2.png