history 模式下 vite.config.js 配置 base: './' 路由跳转后无法正确获取到对应 js 、css 文件

[monkeying-boy]

Describe the bug

在使用 pnpm create vue@latest 搭建的项目后，vite.config.ts 配置的 base:'./' 然后打包后放在服务器上部署，nginx 配置:

location /test {
            alias  html/dist;
            try_files $uri $uri/ /test/index.html;
            index  index.html index.htm;
        }

在启动 nginx 后访问 www.demo.com/test 首页能够正常访问，但是涉及到 vue-router 跳转后就无法正确访问到了。
比如在项目中 配置了 /home 和 /login 两个路由，当访问 www.demo.com/test/home 时页面无法正确访问，打开浏览器发现请求的js 路径是 www.demo.com/test/home/js/index-CrKRtstp.js 而正确的文件路径应该是 www.demo.com/test/js/index-CrKRtstp.js。

在项目中我是用 base: './' 这样配置的原因是在前端打包后会在同一个服务器上根据路径不同 部署不同环境的前端项目。比如：www.demo.com/test 和 www.demo.com/dev 分别访问的是 测试环境和 开发环境的前端项目。

对此有什么比较好的解决方案吗？

Reproduction

"vite": "7.1.3"

Steps to reproduce

No response

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (12) x64 13th Gen Intel(R) Core(TM) i5-13420H
    Memory: 4.12 GB / 15.61 GB
  Binaries:
    Node: 22.18.0 - E:\app\nodejs\node.EXE
    npm: 10.9.3 - E:\app\nodejs\npm.CMD
    pnpm: 8.15.9 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (140.0.3485.54)
  npmPackages:
    @vitejs/plugin-legacy: 7.2.1 => 7.2.1
    @vitejs/plugin-vue: 6.0.1 => 6.0.1
    @vitejs/plugin-vue-jsx: 5.0.1 => 5.0.1
    vite: 7.1.3 => 7.1.3

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[plainnany]

这个不是vite的问题
可以使用base标签指定相对路径的跳转，比如<base href="http://www.demo.test" /> 详见 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/base