The vue-router can't link to a right page in a multi-project or workspace

⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.

• Read the docs.
• Use Vite >=2.0. (1.x is no longer supported)
• If the issue is related to 1.x -> 2.0 upgrade, read the Migration Guide first.

Describe the bug

The vue-router can’t go to the right page in the multi-page project with the config below ‘http://localhost:3000/nested/’ can go to the right page but 'http://localhost:3000/nested/userinfo ’ is 404 not found ‘http://localhost:3000/main/’ is 404, but ‘http://localhost:3000/main.html’ can go to page. if this app use vue-router the url is ‘http://localhost:3000/main.html/userinfo’ ?

// vite.config.ts
import { defineConfig } from 'vite';
import { resolve } from 'path';
import vue from '@vitejs/plugin-vue';

const port = 3000;
export default defineConfig({
    plugins: [vue()],
    build: {
        rollupOptions: {
            input: {
                main: resolve(__dirname, 'main.html'),
                about: resolve(__dirname, 'about.html'),
                nested: resolve(__dirname, 'nested/index.html'),
            }
        }
    },
    server: {
        port,
    }
});

Reproduction

https://github.com/miniai/vite-multiple-page.git

System Info

• vite version: 2.0.0-beta.64
• Operating System: win32-x64
• Node version: v12.6.0
• Package manager (npm/yarn/pnpm) and version: 6.9.0

Logs (Optional if provided reproduction)

404 not found

[wgordon17]

Has anyone found a workaround for this? I’m hitting the same issue (only in vite dev). I understand it’s outside the scope of vite itself, and it’s working as expected when I hook it up with my properly configured web server…but it’s pretty inconvenient when doing development work.

[w2819]

I can use config 'historyApiFallback ’ in vue.config.js,but vite.config.ts didn’t has this config.