Cannot import assets from encodeURI in production mode

[yArna]

Describe the bug

When the assets address in the source file is an encodeURI, it cannot be imported in build mode, but it works fine in dev mode

If there are spaces in the asset path you have to encodeURI for the address

// src
<img src="/%E4%B8%AD%E6%96%87/%E5%9B%BE%E7%89%87.png" srcset="/%E4%B8%AD%E6%96%87/%E5%9B%BE%E7%89%87.png 2x" alt="" />

// Expected results ： 
<img src="/assets/图片.74dcfa9c.png" srcset="/assets/图片.74dcfa9c.png 2x" alt="" />

// Current results： 
<img src="/%E4%B8%AD%E6%96%87/%E5%9B%BE%E7%89%87.png" srcset="/%E4%B8%AD%E6%96%87/%E5%9B%BE%E7%89%87.png 2x" alt="" />

Reproduction

https://github.com/yArna/temp-vite-error-repo-unicode

System Info

System:
    OS: macOS 11.6.1
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
    Memory: 32.56 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.16.0 - /usr/local/bin/node
    Yarn: 1.22.15 - ~/.yarn/bin/yarn
    npm: 7.6.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 96.0.4664.110
    Chrome Canary: 99.0.4777.0
    Firefox: 93.0
    Safari: 15.1

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.
• The provided reproduction is a minimal reproducible example of the bug.

[yArna]

I found that HMR also has this problem

https://github.com/vitejs/vite/blob/main/packages/vite/src/client/client.ts