Dev Server: History Mode does not work if the requested url looks like a file

[dschmidt]

Describe the bug

Vite does not serve index.html when the url ends with a filename.
This is a problem for us, as we have routes like /preview/{filename} for which we need the index.html to be served in development.

I understand that the behavior we need can be annoying for other people, as you don't get 404 errors if you reference files incorrectly, so I would be happy with an opt-in solution.

Reproduction

https://stackblitz.com/edit/vitejs-vite-fmjl1q

Steps to reproduce

• Start a vite skeleton project
• http GET http://127.0.0.1:5173/foobar -> serves index.html
• http GET http://127.0.0.1:5173/foobar.js -> 404

I need vite to serve index.html whenever no local file is found.

System Info

I tested using httpie

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.

[Schoude]

The same thing happens with the preview server.
I have a Vue app with Vue router set up in history mode and every route that is not the root of the server returns 404 if one directly navigates to the URL (not via navigation from root). Even if i change the appType to 'spa' in the vite config this behavior still occurs.

You can recreate it here:

https://stackblitz.com/edit/vitejs-vite-mh4lvq

Build the app with npm run build and then start the preview server with npm run preview. Then visit the /about page directly or refresh the page when your are on the /about page.

[sapphi-red]

Duplicate of #2415