博文纲领：
vue3部署Nginx实现一个端口多个项目、多版本
1、在 Vue3 中部署 Nginx 实现一个端口多个项目、多版本的步骤如下：调整项目配置文件：Vite 配置文件：在 vite.config.js 中，为每个项目设置不同的 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、Nginx本地部署Vue项目在nginx中部署多个vue项目，并进行访问时，如果请求刷新一直转圈，可能是由于nginx的缓存配置问题引起的。首先，你可以查看nginx的配置文件（默认是nginx.conf文件），确认是否开启了缓存功能。
5、/api/路径后是否跟有斜杠，需根据项目实际情况进行决定。 proxy_pass 8***.***：9199/； #替换为实际后端服务器地址和端口 在proxy_pass配置中，需特别注意添加斜杠。如果没有斜杠，直接访问将无法成功获取后端API。
nginx部署前端vue(nginx部署前端项目静态资源加载不全)
Nginx本地部署Vue项目在nginx中部署多个vue项目，并进行访问时，如果请求刷新一直转圈，可能是由于nginx的缓存配置问题引起的。首先，你可以查看nginx的配置文件（默认是nginx.conf文件），确认是否开启了缓存功能。
总结而言，解决Vue CLI项目在Nginx部署时的404错误和路由问题，需要从Nginx配置和项目内部路由管理两方面入手。通过正确配置Nginx和优化路由配置，确保应用能够正常加载和跳转。在特定情况下，采用在路由跳转时传递动态数据的方法，可以有效解决路由问题，实现更灵活的页面展示逻辑。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
第一步：配置Nginx首先，在Nginx安装目录（如：C：/nginx-10）的conf文件夹找到并打开nginx.conf文件。添加一个serve块，设置反向代理以监听5678端口，如：listen 5678。第二步：开放端口允许Nginx监听2121的5678端口，以便外部访问。配置代码：server_name 2121。
nginx配置多虚拟目录在哪个目录
在Nginx配置中，可以设置多个虚拟目录以适应不同的需求。以一个简单的配置为例，当访问服务器时，可以通过不同的路径来访问不同的资源。以下是一个示例配置：首先定义了主域名server_name，并设定了字符编码为utf-8。
nginx在windows下的配置和linux下的配置几乎没有什么区别。如果说去别的话，就是在配置路径的时候有区别。linux下的路径配置为/home/xx/xx； 而windows下必须为：d：\xxx\xxx。
使用nginx的alias功能实现虚拟目录 在配置文件中加入 location ~ /abc/(.*)$ { alias /data1/abc/$1；} 当然，alias后面跟的目录可以随意，只要是你放程序的目录即可。
Apache HTTP Server：Apache HTTP Server是一款流行的开源Web服务器，支持在远程服务器上添加虚拟目录。Microsoft IIS：Microsoft IIS是微软提供的Web服务器，也支持在远程服务器上添加虚拟目录。Nginx：Nginx是一款轻量级的Web服务器，也可以在远程服务器上添加虚拟目录。
ServerName IP：80 ServerAliasIP ErrorLog logs/default-error_log php_admin_value open_basedir /tmp/：/usr/www/xpb//VirtualHost 关键是后面的这句php_admin_value，这样就限制了php的操作目录仅限于/tmp/和/usr/www/xpb/这两个目录了。