Estaba usando vue-cli con webpack para mi proyecto y estaba cargando una imagen en index.html como esta // index.html
<html> ... <style> .tag1 { background-image: url('<%= require('@/assets/icons/a123.svg') %>'); } </style> ... </html> ¿Cómo cargar el ícono en el archivo index.html basado en vite? url(/assets/icons/a123.svg) pero arroja 404
Puede crear una función, consulte los documentos de Vite
const useImage = ((url) => { return new URL(`/src/${url}`, import.meta.url).href; }); y crea una propiedad global en main.js :
app.config.globalProperties.$image = useImage;entonces úsalo como:
$image(imageUrl)Mueva el archivo svg a la carpeta /public y luego podrá acceder a él como <img src="/a123.svg" />