Blocked: NotSameOrigin - While fetching Image of Instagram Post

[harshshah8996]

Hello Everyone,

I am using this package to get Instagram Post. I am getting a successful response from API, which has all data like id, caption, thumbnail URL, etc.
But when I tried to use thumbnail or display URL of post's image, I am getting Blocked: NotSameOrigin error.

Can you guys help me with how to fix it?

[pgrimaud]

Hello,

Weird, it's a CORS error.
Could you send me the link of one picture you tried to fetch.

And headers you set when loading pictures.

How are you loading pictures? With VueJS I guess, but could you paste the code you wrote?

[pgrimaud]

Weird,

When I open your link, I got :

cross-origin-resource-policy: same-origin (which is the problem)

And when I fetch ndtv account, I got pictures without this cors protection.

How old is the post? Did you store image link into database?

[harshshah8996]

Hello,

No, we did not store the image URLs in the database.
Actually, approx 2 weeks before, all image links were working, but now none of them.

Yes, the issue is because of CORS.
Can you guide me on how to fix this or any other alternative to use image URL?

[pgrimaud]

Ok, gotcha.

The Instagram pictures have parameters which seem to expire after couple of days.

So the best way could be : download this pictures when you fetch feed and posts.

[harshshah8996]

Yes, you are right.
But when we tried to get the latest post, we are not able to open the image because of the CORS error.

[pgrimaud]

You could download picture with your PHP script, when you fetch medias from user.