Ich verwende das Filepond-Plugin in meiner Vue-Anwendung. Es passt perfekt zu meinen Bewerbungsanforderungen. Derzeit stellt mein Backend-Dienst Bilder über die JWT-Authentifizierung bereit. Wie füge ich einen benutzerdefinierten Header zum Dateipool hinzu, um Bilder in die Komponente zu laden?

Hier sind meine Erfolge

<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
      }
    }"
  />

Selbst nach der Installation der Komponente werden die Serveroptionen immer noch nicht aufgerufen und meine Bilder geben 401-Fehler aus