Filepond menambah pengepala pengesahan sebelum memaparkan imej

Question

Saya menggunakan pemalam filepond dalam aplikasi Vue saya. Ia sesuai dengan keperluan permohonan saya dengan sempurna. Pada masa ini perkhidmatan bahagian belakang saya menyediakan imej melalui pengesahan JWT. Bagaimana untuk menambah pengepala tersuai ke kolam fail untuk memuatkan imej dalam komponen?

Inilah pencapaian saya

<file-pond
    ref="file"
    name="filepond"
    :label-idle="placeholder"
    accepted-file-types="image/jpeg, image/png"
    drop-validation="true"
    style-panel-layout="compact circle"
    style-button-remove-item-position="center bottom"
    style-panel-aspect-ratio="1:1"
    :allow-image-crop="true"
    image-crop-aspect-ratio="1:1"
    :files="src"
    :server="{
      url: 'http://192.168.0.100',

      load: {
        url: './process',
        method: 'GET',
        headers: {
          'x-customheader': 'Hello World'
        },
        withCredentials: false
      }
    }"
  />

Walaupun selepas memasang komponen, pilihan pelayan masih tidak dipanggil dan imej saya membuang 401 ralat

Answer 1

Ini yang anda cari. Untuk memaparkan url imej jauh, anda perlu menyediakannya dengan atribut imej tambahan, dalam kes ini local.

Baca lebih lanjut di sini - https://pqina.nl/filepond /docs/api/instance/properties/#files