[Bug] CORS: error while retrieving images...

[dtslvr]

Expected Behavior

Images from Instagram are loaded.

Actual Behavior

No images from Instagram are loaded.

Steps to Reproduce

1. Visit https://codepen.io/ptkdev/pen/WNQOYqy
2. See Error message console of developer tools:
   Access to fetch at 'https://www.instagram.com/ptkdev/?__a=1' from origin 'https://cdpn.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[ptkdev]

@dtslvr Instagram added a CORS Policy to the free api last week that this widget uses. I currently don't have a quick fix to solve this problem.

[ptkdev]

@dtslvr workaround available in v2.9.0.

[dtslvr]

It is working with v2.9.0. See here: dotsilver.ch

Thank you very much @ptkdev!

[ptkdev]

Great!

[ToledoNicola]

I had the same problem as the cors, I updated but it still gives me this
and I have seen that also a @dtslvr website

[ptkdev]

@ToledoNicola thanks, CORS issue appear again,

Workaround: refresh 5-6 times and random the google proxy skip cors. My plugin cached latest correct response.

[sarsharma]

Facing the same issue :(
The images fail to load

Could there be a possibility of a future workaround since instagram is now blocking these requests? @ptkdev

[ptkdev]

@sarthaksharma2199 i need help. I tried all solutions in my mind but don't work.

[ptkdev]

Possibile workaround: Cloudflare worker to bypass Instagram new cross-origin policy on images (fixes net :: ERR_BLOCKED_BY_RESPONSE )

[jcyovera]

I have the same CORS issue in my website, I tried to add CORS policy in my header on the server but it doesn't work. Is possible add a config property to set a proxy server and we can add the workaround for other servers not just cloudflare?

[jhvanderschee]

I personally gave up trying to beat Instagram and ad blockers and created this service: https://profilepageimages.usecue.com. It is aimed at developers who want to integrate Instagram in a really simple way.

Simple: https://codepen.io/joosts/pen/NWbdMLW?editors=1100
Advanced: https://codepen.io/joosts/pen/bGBByOo

The service currently has 75 users and is used on 21 websites. It uses the Instagram Basic Display API. I hate that this is required, but it gets the job done (properly).

[edoardottt]

same here :/

[marizona]

hi, I guess it is not working.... anyone has found an alternative ? thanks