第一步：在vite.config.js中配置base的路径

在打包项目之前需要在vite.config.js中配置base的路径，路径名为服务器自定义的路由别名：
比如:

import { fileURLToPath, URL } from "node:url";import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";export default defineConfig({plugins: [vue()],server: {host: true,},base: "/aaa/", // 这个配置很重要，要和nginx配置的路径别名一致resolve: {alias: {"@": fileURLToPath(new URL("./src", import.meta.url)),},},
});

第二步: 修改Nginx配置

server {listen 3000;...location / {index index.html index.htm;try_files $uri $uri/ /index.html;}# 新增location块，用于处理/aaa路径的请求location ^~ /aaa {alias /www/sites/web/index/dist;index index.html index.htm;try_files $uri $uri/ /aaa/index.html; # 如过vue项目使用的是History模式的路由，则必须加此行配置}
}

新增location后，重启Nginx，在浏览器输入http://服务器ip/aaa访问即可