字体图标无法正确加载

[code-farmer-i]

Describe the bug

scss中通过url引用本地字体图标文件，无法正确加载，路径不正确

Reproduction

https://github.com/code-farmer-i/my-vue-app

Steps to reproduce

1、yarn
2、yarn dev

System Info

System:
    OS: macOS 13.4
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
    Memory: 111.89 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.16.1 - ~/.nvm/versions/node/v18.16.1/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.16.1/bin/yarn
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.1/bin/npm
    pnpm: 9.1.1 - ~/.nvm/versions/node/v18.16.1/bin/pnpm
    Watchman: 2023.06.08.00 - /usr/local/bin/watchman
  Browsers:
    Chrome: 126.0.6478.127
    Safari: 16.5
  npmPackages:
    @vitejs/plugin-vue: ^5.0.5 => 5.0.5 
    vite: ^5.3.1 => 5.3.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 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 #11012