Filepond fügt vor dem Rendern des Bildes einen Authentifizierungsheader hinzu
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
