Vite server doesn't handle a URL where there is a '.' after the port

[dylanplural]

Describe the bug

In dev mode I have vite running at localhost:5173

I had a react-router running with a dynamic url

navigate(`/users/${encodeURIComponent(user.email)}`) // react-router

This works fine. However F5 will lead to a 404. Removing the '.' from the user's email will make the error go away.

Reproduction

Install react-router

System Info

System:
    OS: Linux 5.10 Ubuntu 20.04.4 LTS (Focal Fossa)
    CPU: (8) x64 AMD Ryzen 9 3900XT 12-Core Processor
    Memory: 11.02 GB / 15.63 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash

  Binaries:
    Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node
    Yarn: 3.2.3 - ~/.nvm/versions/node/v16.14.2/bin/yarn
    npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm

Used Package Manager

yarn

Logs

VITE v3.1.0 ready in 300 ms

➜ Local: http://localhost:5173/
➜ Network: use --host to expose
vite:spa-fallback Not rewriting GET /comps/email.domain because the path includes a dot (.) character. +0ms
vite:time 2.54ms /comps/email.domain +0ms

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.

[sapphi-red]

Duplicate of #2415