MPA not working in dev-server

[iamrgroot]

Describe the bug

Following https://vitejs.dev/guide/build.html#multi-page-app I would expect http://localhost:3020/test1 to return the test1/index.html file, but it returns the index.html. This seems to be caused by the route not being resolved: vite:resolve 1.08ms /test1 -> null +0ms in the logs.

Building with rollup gives me a correct result as it just builds it to the correct folder.

Reproduction

https://github.com/IAmRGroot/vite-mpa-replication

System Info

Command gives error in Docker container. Using latest Node 16: https://github.com/IAmRGroot/vite-mpa-replication/blob/main/docker-compose.yml and latest npm packages: https://github.com/IAmRGroot/vite-mpa-replication/blob/main/package-lock.json.

Used Package Manager

npm

Logs

vite:config bundled config file loaded in 169.62ms +0ms
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'vite:modulepreload-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html-inline-proxy',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:worker-import-meta-url',
  vite:config     'vite:asset',
  vite:config     'vite-plugin-vue2',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   root: '/app',
  vite:config   base: '/',
  vite:config   resolve: { dedupe: undefined, alias: [ [Object], [Object], [Object] ] },
  vite:config   server: {
  vite:config     preTransformRequests: true,
  vite:config     host: '0.0.0.0',
  vite:config     port: 3020,
  vite:config     force: true,
  vite:config     fs: { strict: true, allow: [Array], deny: [Array] }
  vite:config   },
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     polyfillModulePreload: true,
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     cssTarget: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     sourcemap: false,
  vite:config     rollupOptions: { input: [Object] },
  vite:config     minify: 'esbuild',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     reportCompressedSize: true,
  vite:config     chunkSizeWarningLimit: 500,
  vite:config     watch: null,
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] }
  vite:config   },
  vite:config   configFile: '/app/vite.config.ts',
  vite:config   configFileDependencies: [ 'vite.config.ts' ],
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     server: { force: true }
  vite:config   },
  vite:config   publicDir: '/app/public',
  vite:config   cacheDir: '/app/node_modules/.vite',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   isProduction: false,
  vite:config   preview: {
  vite:config     port: undefined,
  vite:config     strictPort: undefined,
  vite:config     host: '0.0.0.0',
  vite:config     https: undefined,
  vite:config     open: undefined,
  vite:config     proxy: undefined,
  vite:config     cors: undefined,
  vite:config     headers: undefined
  vite:config   },
  vite:config   env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen],
  vite:config     hasErrorLogged: [Function: hasErrorLogged]
  vite:config   },
  vite:config   packageCache: Map(0) {},
  vite:config   createResolver: [Function: createResolver],
  vite:config   optimizeDeps: {
  vite:config     esbuildOptions: { keepNames: undefined, preserveSymlinks: undefined }
  vite:config   },
  vite:config   worker: {
  vite:config     format: 'iife',
  vite:config     plugins: [
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object],
  vite:config       [Object], [Object]
  vite:config     ],
  vite:config     rollupOptions: {}
  vite:config   }
  vite:config } +3ms
  vite:deps Crawling dependencies using entries:
  vite:deps   /app/index.html
  vite:deps   /app/test1/index.html +0ms
  vite:resolve 0.40ms /src/main.ts -> /app/src/main.ts +0ms
  vite:resolve 0.52ms /src/test1/main.ts -> /app/src/test1/main.ts +0ms
  vite:resolve 2.19ms vue -> /app/node_modules/vue/dist/vue.runtime.esm.js +4ms
  vite:resolve 0.76ms @/App.vue -> /app/src/App.vue +2ms
  vite:resolve 0.70ms @/test1/Test1.vue -> /app/src/test1/Test1.vue +0ms
  vite:deps Scan completed in 22.70ms: { vue: '/app/node_modules/vue/dist/vue.runtime.esm.js' } +23ms
Pre-bundling dependencies:
  vue
(this will be run only when your dependencies or config have changed)
  vite:deps deps bundled in 25.86ms +0ms

  vite v2.8.6 dev server running at:

  > Local:    http://localhost:3020/
  > Network:  http://172.19.0.2:3020/

  ready in 320ms.

  vite:resolve 1.08ms /test1 -> null +0ms
  vite:spa-fallback Rewriting GET /test1 to /index.html +0ms
  vite:time 17.03ms /index.html +0ms
  vite:resolve 0.42ms /@vite/client -> /app/node_modules/vite/dist/client/client.mjs +44ms
  vite:load 0.96ms [fs] /@vite/client +0ms
  vite:resolve 0.23ms @vite/env -> /app/node_modules/vite/dist/client/env.mjs +6ms
  vite:resolve 0.10ms /node_modules/vite/dist/client/env.mjs -> /app/node_modules/vite/dist/client/env.mjs +0ms
  vite:import-analysis 2.12ms [1 imports rewritten] node_modules/vite/dist/client/client.mjs +0ms
  vite:transform 4.41ms /@vite/client +0ms
  vite:time 8.88ms /@vite/client +37ms
  vite:load 1.53ms [fs] /node_modules/vite/dist/client/env.mjs +9ms
  vite:import-analysis 1.48ms [no imports] node_modules/vite/dist/client/env.mjs +6ms
  vite:transform 1.94ms /node_modules/vite/dist/client/env.mjs +6ms
  vite:resolve 0.37ms /src/main.ts -> /app/src/main.ts +8ms
  vite:load 0.73ms [fs] /src/main.ts +4ms
  vite:resolve 0.05ms vue -> /app/node_modules/.vite/vue.js?v=57d02792 +6ms
  vite:resolve 0.12ms /node_modules/.vite/vue.js?v=57d02792 -> /app/node_modules/.vite/vue.js?v=57d02792 +1ms
  vite:resolve 0.17ms @/App.vue -> /app/src/App.vue +0ms
  vite:resolve 0.08ms /src/App.vue -> /app/src/App.vue +0ms
  vite:import-analysis 1.27ms [2 imports rewritten] src/main.ts +9ms
  vite:transform 6.41ms /src/main.ts +9ms
  vite:time 8.63ms /src/main.ts +14ms
  vite:cache [memory] /node_modules/vite/dist/client/env.mjs +0ms
  vite:time 0.52ms /node_modules/vite/dist/client/env.mjs +7ms
  vite:load 6.54ms [fs] /src/App.vue +14ms
  vite:resolve 0.08ms /src/App.vue?vue&type=template&lang.js -> /app/src/App.vue?vue&type=template&lang.js +12ms
  vite:resolve 0.24ms /@id/__x00__/vite/vueComponentNormalizer -> null +1ms
  vite:resolve 0.11ms /@id/__x00__/vite/vueHotReload -> null +0ms
  vite:hmr [self-accepts] src/App.vue +0ms
  vite:import-analysis 3.17ms [4 imports rewritten] src/App.vue +13ms
  vite:transform 6.15ms /src/App.vue +14ms
  vite:load 0.17ms [plugin] /src/App.vue?vue&type=template&lang.js +8ms
  vite:load 0.48ms [plugin] /vite/vueComponentNormalizer +0ms
  vite:load 0.58ms [plugin] /vite/vueHotReload +0ms
  vite:import-analysis 0.08ms [no imports] src/App.vue?vue&type=template&lang.js +20ms
  vite:transform 17.76ms /src/App.vue?vue&type=template&lang.js +19ms
  vite:import-analysis 0.06ms [no imports] /vite/vueComponentNormalizer +0ms
  vite:import-analysis 0.24ms [no imports] /vite/vueHotReload +1ms
  vite:transform 0.81ms /vite/vueComponentNormalizer +1ms
  vite:transform 1.02ms /vite/vueHotReload +0ms
  vite:load 33.69ms [fs] /node_modules/.vite/vue.js?v=57d02792 +19ms
  vite:import-analysis 1.34ms [no imports] node_modules/.vite/vue.js?v=57d02792 +7ms
  vite:transform 1.97ms /node_modules/.vite/vue.js?v=57d02792 +7ms
  vite:cache [memory] /node_modules/.vite/vue.js?v=57d02792 +39ms
  vite:time 10.10ms /node_modules/.vite/vue.js?v=57d02792 +46ms
  vite:cache [memory] /src/App.vue +19ms
  vite:time 0.64ms /src/App.vue +11ms
  vite:cache [memory] /src/App.vue?vue&type=template&lang.js +12ms
  vite:time 0.46ms /src/App.vue?vue&type=template&lang.js +12ms
  vite:cache [memory] /vite/vueComponentNormalizer +3ms
  vite:time 0.49ms /@id/__x00__/vite/vueComponentNormalizer +3ms
  vite:cache [memory] /vite/vueHotReload +4ms
  vite:time 0.54ms /@id/__x00__/vite/vueHotReload +4ms

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 https://github.com/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.

[sapphi-red]

Seems like it is a duplicate of #2958.

[bluwy]

Yeah this looks similar to #2958. According to the docs, you'd need to access it via /test1/ not /test1 too.