VueJS 400 Schlechte Anfrage an Bildquelle verbindlich

Question

Ich habe diese VueJS Seite und ich habe Probleme mit dem Laden einiger Bilder. Ich erhalte eine JSON-Antwort, die ich über die Eigenschaften schleife, kein Problem, aber wenn ich über das Bild src schleife, bekomme ich eine 400 schlechte Anfrage für jedes Bild.

fehlgeschlagen Ressource laden: der Server mit dem Status 400 (Bad Request) reagierte

http: //vue.dev/images/staff/%07Thompson_Jen.jpg

<div class="col-sm-4" v-for="employee in staff"> 

    <img :src="'/images/staff/'+employee.imageName"> 

</div> 

wenn i Navigiere zum Bild durch die Dev-Tools, es wird versuchen, die obige URL zu laden, aber wenn es manuell in der URL ohne% 07 versucht, funktioniert es oder wenn ich den Pfad festcode, funktioniert es auch. Nicht sicher, warum es auf dem% 07 anheft. Verbindet VueJS Eigenschaften für Attribute?

Answer 1

In der JSON-Antwort muss etwas enthalten sein, das das Zeichen BEL (% 07) enthält. VueJS fügt nur die Zeichenfolge hinzu, die am Ende dort zu sehen ist. Dieser Charakter wird nicht gedruckt, was erklären würde, warum du ihn nirgends siehst.