Vue3+Ts+Vite+History模式，部署在三级目录下

项目背景：
前端项目是Vue3+Ts+Vite+History模式，项目打包后部署到Nginx三级目录下，并且经过一次Nginx转发。

例如：希望将打包的项目部署到 https://xxx.com/web/editor/ 上。

1、配置环境变量

.env.development文件

VITE_BASE_PATH='/'

.env.production文件

VITE_BASE_PATH='/web/editor/'

2、配置路由文件router/index.ts

const VITE_BASE_PATH: any = import.meta.env.VITE_BASE_PATH
const router = createRouter({
   
  history: createWebHistory(VITE_BASE_PATH),
  routes,
})

vue-router配置中的base选项，指定基准路径，它被预置到每个 URL 上。官网配置链接
这允许在一个域名子文件夹中托管 SPA，例如将 base 设置为 /sub-folder 使得其托管在 example.com/sub-folder。

3、配置vite.config.ts

import {
    defineConfig, loadEnv } from 'vite'<