我们有时候部署项目的时候，可能不想将我们的vue项目部署到网站的根目录，比如想放到二级目录。打个比方：我写个个项目，我的域名是 https://imshusheng.com，它指向我们网站磁盘上的 /site/ 目录。平时我们写好我们的vue项目，直接将打包后的 dist 目录下的内容传到我们的服务器磁盘上的 /site/目录下，我们就可以使用 https://imshusheng.com访问我们的项目了。但是有时候，我们想把项目传到 /site/user 目录下，想通过 https://imshusheng.com/user 来访问。方法也比较简单：

1. 首先，打开咱们项目的 /src/router/inde.js，将我们原来这部分：

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL)
})

修改为：

const router = createRouter({
  history: createWebHistory('/user/')
})

2. 然后，修改 vite.config.js

export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
  ],
  base: "/user/", // 这里是增加的
})

然后执行打包即可：

npm run build

打包后将文件上传到网站的二级目录即可（要根据自己的服务端程序来确定要不要改配置）