Do not URL-reference source files as public assets

Run this rule

pnpm vite-doctor . --framework vite --rules vite/assets/no-src-absolute-public-url

Why it matters

Vite's Vue plugin imports static asset URLs on img, video, source, image, and use elements, including absolute /src/ paths. Bound string literals and other native URL attributes remain runtime URLs and can point to source files that are absent from the production output. This rule assumes the default Vue asset transforms; custom component props and custom transformAssetUrls mappings are not inferred.

Recommended fix

Import source assets and bind the generated URL, or move unchanged assets into public and reference them from /.

Useful links

• Rule reference

Example

Import src assets

Before

<template>
  <img :src="'/src/assets/logo.svg'" alt="Logo">
</template>

After

<script setup lang="ts">
import logoUrl from './assets/logo.svg'
</script>

<template>
  <img :src="logoUrl" alt="Logo">
</template>