vue3+springboot前后端分离项目打包教程，附带一些问题的解决

前端应用发布

在发布前后端分离的企业级应用时，通常前端应用会被发布到独立的Web 服务器中，如nginx、Apache等。下面我们就以当前被广泛应用的nginx为例，讲解一下如何进行前端应用发布。

nginx的安装

nginx是一个高性能、支持高并发的开源Web服务器，因其占用资源少、性能高、支持高并发，并且能够提供负载均衡和缓存服务，在企业级应用中被广泛应用。

1.nginx的下载

nginx采用类BSD协议的许可证进行发布，可以直接从官网上下载，nginx官网如图所示。

其中，“Mainline version”指最新版本，“Stable version”指稳定版本，“Legacy versions”指老旧版本。我们选择稳定版本的nginx/Windows-1.24.0版本进行下载。

2.nginx的安装

下载完成后，首先选择合适位置进行解压，即可完成安装。

解压完成之后，在nginx根目录新建  nginx-startup.bat  和 nginx-shutdown.bat ，分别作为nginx的启动和停止命令。

nginx的启动代码

@echo off
title nginx Running
start /b nginx.exe -c conf/nginx.conf

nginx的停止代码

@echo off
title nginx Stop
nginx -s stop

nginx的默认配置文件为根目录下 conf 文件夹中的 nginx.conf 文件，后面要用哦。

使用nginx-startup.bat启动时，启动命令没有常驻命令行窗口，如图6-29所示，可在任务管理器中查看nginx的状态。

启动后能在任务管理器中找到nginx的相关进程：一个master进程和一个worker进程。

 3.nginx的基本配置与优化

在实际使用中，可以通过对 nginx参数的配置和优化，实现定制化的应用需求，并大幅度地提子运行性能。

• 监听自定义端口： nginx默认监听80端口，如图所示，可以修改server块中 listen 的端口号来监听自定义端口。
• 文件服务器：nginx可以根据请求URI将选定格式的请求转发到指定的路径中。如图中6-31所示，请求gif、jpg、jpeg、png等格式的文件时，将会直接从C:/apache-tomcat-7.0.105/webapps目录中进行查找，这样可以实现资源文件的动静分离，提升服务器的性能。
• gzip的压解：