How to access public directories through relative paths in production environments?

[a81n9]

- public
  - logo.svg

// index.html
<link rel="icon" href="/logo.svg" />

// App.vue
<img src="/logo.svg" />

I configured base: './' in vite.config
The final construction product is:

<link rel="icon" href="./logo.svg" />

<img src="/logo.svg" />

But my project is not in the root directory, img absolute path access is invalid.
If I use <img src="./logo.svg" /> in the development environment, I won't be able to preview the effect.
How can I output the following method.

<img src="./logo.svg" />

[nguyenbatranvan]

I wrote a library that supports multiple shared folders. You can see the library here, and the documentation here. Does it help you?

[a81n9]

Thank you for your reply, I will try