Comments (26)
Any fix for this ??
from instagramfeed.
Did you guys try increasing the cache time? It did work for me for now xD.
'cache_time':660
from instagramfeed.
Having the same issue here:
Access to XMLHttpRequest at '******' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I am testing on Google Chrome. I also have a little bit older version of this InstagramFeed live on a website and when I access that website on Safari I get the same error.
from instagramfeed.
Same error for me.
Access to XMLHttpRequest at 'https://www.instagram.com/******/' from origin 'https://******.herokuapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
from instagramfeed.
Hello everyone,
I have the same issue than @RomainDW:
Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.instagram.com/p/*/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
It is impossible to read media from this type of url (what is lookaside?)
https://lookaside.instagram.com/seo/google_widget/crawler/?media_id=2524343234902980347
(it is the display_url of the first media of the timeline)
But it's working for these url
https://scontent-sea1-1.cdninstagram.com/v/t51.2885-19/s320x320/19120568_1538053702936454_1095478567585710080_a.jpg?tp=1&_nc_ht=scontent-sea1-1.cdninstagram.com&_nc_ohc=6MMjl4HN_nYAX8ei34b&oh=01be23e91bcf5a09bfcf8c9c5fec9693&oe=606F1656
(it is the profile pic url)
@kerr325 I tried to add crossorigin
in my script tag but it doesn't change anything...
It is related to specific account because
violette_fr has this error for all medias (video and image are from lookaside.instagram.com),
motogp has this error only for image (video are from scontent-sea1-1.cdninstagram.com and image are from lookaside.instagram.com)
but rpbw_architects is working well (all medias are from scontent-sea1-1.cdninstagram.com)
I have no clue why this is happening to some accounts/medias and why is it ok with some others...
If someone find a solution for that, and an explication, it would be very helpfull! :)
from instagramfeed.
I have what I believe is a simple fix that worked for me if you simply add the argument of
crossorigin
to your script tag it resolves the issue, for example:
<script src="assets/js/insta-min.js" crossorigin></script>
unfortunately it doesn't work in my case
Note that the script works for me with certain Instagram users, even without the @kerr325 "crossorigin fix"
Thank you for having tried !
from instagramfeed.
Have you been able to reproduce this with any other account than google?
from instagramfeed.
To complete my previous message, these are extracts of JSON objects edge_owner_to_timeline_media for the 3 accounts.
violette_fr
motogp
rpbw_architects
from instagramfeed.
OK.. thanks.. one time its OK and next time No 'Access-Control-Allow-Origin'
from instagramfeed.
Have you been able to reproduce this with any other account than google?
Yes, i tried with multiple accounts, same error :/
from instagramfeed.
I tested on a new web site, with the host "https://images" + ~~(Math.random() * 3333) + "-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/
",
The query runs 8 times and fails 8 times with the same CORS policy error:
Access to XMLHttpRequest at 'https://images1101-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/violette_fr/' from origin 'https://violettefr-store.myshopify.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
from instagramfeed.
in fact, it seems to depend on the user, and I really don't understand why...
For example, the error can be reproduced with the instagram user "motogp"
from instagramfeed.
Getting the same error here:
Access to XMLHttpRequest at 'https://www.instagram.com/******/' from origin '*****' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
from instagramfeed.
up 😉
from instagramfeed.
Hello,
New discovery today:
The latest picture of violette_fr (13th March) is ok, it's on scontent-sea1-1.cdninstagram.com
But not the other ones, so it may be media related and not account related like we thought.
Here, is two extracts of images from violette_fr account, one on scontent-sea1-1.cdninstagram.com and the other on lookaside.instagram.com:
image.violette_fr.20210313.txt
image.violette_fr.20210311.txt
The only difference I see is the dimensions but every other images have also different dimensions...
from instagramfeed.
Same error for me.
Access to XMLHttpRequest at 'https://www.instagram.com/******/' from origin 'https://******.herokuapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource...
crossorigin in <script src="/******/" crossorigin></script> / doesnt work for me..
how did you solve this problem?
from instagramfeed.
Where you add thnis cache_time .. in var defaults options? If yes, for me does't work :/
from instagramfeed.
@marianabhud I tested again and it works on some browser and some don't. Are you using the latest version of code?
https://cdnjs.cloudflare.com/ajax/libs/jquery.instagramFeed/3.0.4/jquery.instagramFeed.min.js
from instagramfeed.
@marianabhud yes it is so inconsistent. let's see if someone has any fix for it.
from instagramfeed.
Hey there how are you? I thought the "host" option would fix this. In same cases i see it and in others not (after several attempts made by the JS plugin)
jsanahuja/jquery.instagramFeed#127
from instagramfeed.
Same error here, I have tried to use the host parameter, cache_time too but doesn't work, any fix?
from instagramfeed.
If I had to guess what is going on here, it's that IG is picking up on the repeated access from one IP and putting on a "must be logged in" page for that account from that IP.
from instagramfeed.
This is what the URL is redirecting to :
from instagramfeed.
Hi, are you using uMatrix or any other browser extension which might block the connection? For me, it did not work since uMatrix blocked the connection. Now working fine.
from instagramfeed.
Did you guys try increasing the cache time? It did work for me for now xD.
'cache_time':660
Guys, I am using the latest code from here: https://github.com/jsanahuja/InstagramFeed/blob/master/src/InstagramFeed.js
I just changed the existing cache_time to 660 property which was originally set to 360 and the insta feed works fine now.
from instagramfeed.
Getting CORS error with Safari on Mac as well
Edit: ok mine got fixed with the previous solution
host': "https://images" + ~~(Math.random() * 3333) + "-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/",
from instagramfeed.
Related Issues (20)
- Filter tags? HOT 1
- Mobile HOT 1
- Question - can I also query images galleries ? HOT 4
- npm install not found HOT 3
- jQuery in JS only version docs HOT 3
- "Object doesn't support property or method 'assign'" From Internet Explorer HOT 3
- Hashtags feed not displaying? What to do HOT 2
- FireFox CORS Error HOT 1
- npm Doesn't work HOT 2
- Safari ipad/iphone image size issue HOT 1
- InstagrafeedFeed don't working HOT 2
- Implement client-side caching using localStorage HOT 2
- InstagramFeed stoped working HOT 14
- CORS policy error and temporary banned HOT 2
- CORS policy workaround HOT 5
- InstagramFeed is not defined HOT 5
- Doesn't autoplay video HOT 1
- CORS policy workaround is inconsistent
- images are not showing on all feed HOT 26
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from instagramfeed.