博文纲领：
vue3部署Nginx实现一个端口多个项目、多版本
1、在Vue3中通过Nginx实现一个端口部署多个项目和多版本的步骤如下：配置Vue项目：修改vite.config.js：为每个Vue项目设置不同的base配置项，作为项目的标识符。例如，对于项目1，设置base： /project1对于项目2，设置base： /project2，以此类推。
2、**配置 Nginx 配置文件 具体步骤如下：（1）将项目文件上传至服务器。（2）创建项目目录，建议以项目名称或当前版本名称命名。（3）修改 Nginx 配置文件，确保其正确映射项目路径与端口，然后重启 Nginx 服务以应用新配置。
3、实现多个vue项目在同一个端口部署的步骤如下：首先，调整项目的配置文件vite.config.js，在其中添加配置项base，将其值设为每个项目的标识符，如base：/project1。其次，修改vue-router路由创建的代码以适应新的配置。然后，运行项目并打包，确保配置正确无误。
4、这种方式只需要开放80端口，然后访问二级域名。这种方式的好处是只有一个server ，而且不需要二级域名、用路径location就能实现。但是这种方式的一个缺点，就是vue项目前端需要改配置。
5、Vue多页面应用与Nginx首先我们看一下nginx.conf配置文件为了方便管理，在/usr/local/nginx/conf.d/创建自己的*.conf配置文件。没有conf.d目录，直接mkdir创建conf.d.conf详细可参考：这种方式只需要开放80端口，然后访问二级域名。
6、要在一台服务器上使用Nginx在Docker中部署多个不同的WEB项目，可以按照以下步骤进行：准备服务器：购买服务器：推荐选择腾讯云或阿里云等云服务提供商，确保服务器具有固定的公网IP。操作系统：建议选择CentOS操作系统，因其稳定性较高。重置密码并连接：重置云服务器密码，并使用SSH工具远程连接到服务器。
nginx部署前端vue(nginx部署前端项目静态资源加载不全)
Nginx本地部署Vue项目在nginx中部署多个vue项目，并进行访问时，如果请求刷新一直转圈，可能是由于nginx的缓存配置问题引起的。首先，你可以查看nginx的配置文件（默认是nginx.conf文件），确认是否开启了缓存功能。
但是这种方式的一个缺点，就是vue项目前端需要改配置。
总结而言，解决Vue CLI项目在Nginx部署时的404错误和路由问题，需要从Nginx配置和项目内部路由管理两方面入手。通过正确配置Nginx和优化路由配置，确保应用能够正常加载和跳转。在特定情况下，采用在路由跳转时传递动态数据的方法，可以有效解决路由问题，实现更灵活的页面展示逻辑。
第一步：配置Nginx首先，在Nginx安装目录（如：C：/nginx-10）的conf文件夹找到并打开nginx.conf文件。添加一个serve块，设置反向代理以监听5678端口，如：listen 5678。第二步：开放端口允许Nginx监听2121的5678端口，以便外部访问。配置代码：server_name 2121。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
将Vue前端项目部署到Nginx服务器的实践步骤如下：构建Vue项目：使用Vue CLI或其他构建工具，在本地构建Vue项目的生产版本。生成包含静态文件的dist目录，并将dist目录打包成dist.zip文件准备上传到服务器。上传静态文件到服务器：将打包好的dist.zip文件上传到远程Linux服务器。
如何用nginx在仅向外网暴露一个端口的情况下做多个内网服
1、首先，通过动态域名服务（如 DDNS）将你的网关 IP 绑定到一个可从外网访问的地址上。这可以是你的路由器 IP 或者是 Windows 主机 IP，只要确保外网能够连接即可。其次，申请一个个人域名（例如 xyz.com），并使用 CNAMES 记录将其解析到你的动态域名。
2、以springboot工程为例，我们自己的web服务一般都会通过设置 来给该服务的所有url设置一个统一的前缀路径 /xxxxxx 。这时候nginx就可以将所有带有前缀 /xxxxxx 的请求转发到该服务。这是一个很简单的事。
3、nginx如果检测到vue.msg.com的请求，将原样转发请求到本机的8080端口，如果检测到的是react.msg.com请求，也会将请求转发到8081端口。这样nginx对外就有四个服务，我们只需要公布80端口的就可以了，这样就实现了多个服务共用80端口。
4、确保有一台能访问外网的服务器：这台服务器需要安装并配置好Nginx。例如，服务器的IP地址为19160.10。配置Nginx作为正向代理：修改Nginx的配置文件，添加正向代理的相关设置。确保配置文件中包含了用于代理的监听端口。
5、为解决这个问题，添加域名解析功能至Nginx配置是关键。具体配置后，重启Nginx并测试，确保能够动态获取并转发目标网站的IP地址。若遇到响应速度不稳定的情况，可以通过Nginx日志分析，如上述的日志信息所示，确认请求是否被正确转发到不同IP地址。最后，问题出在Nginx轮询到内网IP时导致请求失败。