Ik ontwikkel een web-app met Angular5. Ik heb een database met enkele “berichten” en elk bericht bevat een afbeeldings-URL die ik van de 4chan API haal.
De URL is legitiem (als ik het handmatig controleer, werkt het) maar ik krijg 403 verboden in mijn console wanneer ik debug in de webbrowser. nog iets raars, als ik handmatig naar de URL ga en vervolgens mijn app ververs, wordt de afbeelding plotseling weergegeven.
voorbeeld-URL: "http://i.4cdn.org/lgbt/1521711096067.jpg"
Antwoord 1, autoriteit 100%
Het lijkt erop dat wanneer de verwijzing naar de HTTP-verzoekheader iets anders is dan http://4chan.org, ik dit probleem krijg . Ik heb eenvoudig het onderstaande aan de HTML-pagina toegevoegd en het probleem is opgelost:
<meta name="referrer" content="no-referrer"/>
Zodra uw Angular-app is geladen, kunt u ook Firefox Developer Console (tabblad Netwerk) afbeeldingsverzoek wijzigen (dwz 403) en verwijzende koptekst verwijderen om te testen.