In History Mode, a route containing a symbol . will be lost after refreshing

[follisher]

Describe the bug

In History Mode, a route containing a symbol . will be lost after refreshing the browser.

Reproduction

1. Create a vue project with npm create @vitejs/app.
2. Add vue-router with npm install vue-router@4.
3. Enable vue-router by using .
4. Change vue-router to HTML5 History Mode by adding createWebHistory(),
5. Set base path in vite.config.js like base:'/',
6. Add a new page and configure the route path, like '/page/:id'
7. Start the project with npm run dev
8. Visit the url http://localhost:3000/page/id.name through $router.push works, but direct visits raises error 404.

System Info

System: Mac OS 11.4
browser: Chrome 91.0.4472.164 (Official Build) (x86_64)
vue: 3.1.5
vue-router: 4.0.10
vite: 2.4.3

Used Package Manager

npm

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 https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[mseele]

Checkout vite plugin https://github.com/ivesia/vite-plugin-rewrite-all
This should fix the problem (see also #2190)

[maietta]

This issue was hard to find. I searched for 404 and .html, or 404's with filename extension and many combinations thereof and similar.

By my adding this comment despite this being a closed topic, hopefully others will find it with those keywords.

Also, why is this not fixed with the last merge?

[sapphi-red]

duplicate of #2415