Soer44

Картинки надо класть не в public, а в assets, потому что билд забирает их оттуда и компилит в рабочую версию. Само собой они у вас на деве работают, потому что путь прямой прописан, а после билда приложение их не находит, потому что их нет в public. Попробуйте переместить в assets а потом сделать билд. И смотрите пути правильно ли прописаны.

Вопрос был поставлен изначально не корректно. Мне надо было методом useFetch передать данные на сервер апи. Чтобы данные там записались. Формат и валидацию определяет бэкенд. Ниже скину пример с передачей текстовых данных. Передачу файла так и не победили, пока. Проблема была с бэкендом. Что то там дописали переписали и заработало. Передаётся без заголовков.

<template>
  <div>
    <h4>Добавление новой категории</h4>
    <form>
      <div>
        <label for="title">Добавить тег:</label>
        <input type="text" id="name" v-model="name" />
      </div>
      <button @click.prevent="handleSubmit">Отправить</button>
    </form>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const name = ref("");

const handleSubmit = async () => {
  await useFetch("https://api.storage/api/", {
    method: "post",
    body: {
      name: name.value,
    },
  });
};
</script>