用 vite-svg-loader

vite-svg-loader 会导致 *.svg 在默认情况下解析为Vue组件，这将被转换为 <img>.src 属性的字符串，从而导致 [object Object] 。

要将 *.svg 作为URL加载，您可以选择 默认情况下

// vite.config.js
import { defineConfig } from 'vite'
import svgLoader from 'vite-svg-loader'
export default defineConfig({
  plugins: [
    svgLoader({
      defaultImport: 'url', 
})

演示1

...or使用 进口param

<img src="@/assets/logo.svg?url" />

演示2

无 vite-svg-loader

如果您只想获取 *.svg 的URL，实际上不需要 vite-svg-loader ，因为这是一个内置的特性。删除 vite-svg-loader 应该可以解决这个问题：

// vite.config.js
import { defineConfig } from 'vite'
// import svgLoader from 'vite-svg-loader' ⛔️ delete
export default defineConfig({