Blocked by CORS policy | WEBGL 3D integration

Design help Custom code
1

Hello Everyone!

Looking to integrate a 3D rendering into my website and I’m a bit stuck here.

I have tried to copy this project https://3d-model-viewer-component.webflow.io/ . Whenever I change the file from the avocado to a file I uploaded myself, it doesn’t load on chrome.

The console says sth has been blocked by CORS policy (see Screenshot). Anyone knows how to fix this?

Thank you!

Screenshot 2020-08-28 at 18.51.07
Screenshot 2020-08-28 at 18.51.071138×270 47.9 KB

Here is my site Read-Only: ** https://preview.webflow.com/preview/sic-577690?utm_medium=preview_link&utm_source=designer&utm_content=sic-577690&preview=fa9a6dd74f09c6f7cf3d162a9477aba2&mode=preview **

2

Are you still noticing the issue? I just tried to visit the live site link (https://sic-577690.webflow.io/) and was able to see your uploaded model:

image
image1022×677 17.1 KB

3

Hi Mike,
Still experiencing the issue – it’s only on Chrome Browser… any idea? Thank you !

4

Hmm that’s strange, I’m using Chrome on Windows and I see it just fine.

Does the problem persist in incognito mode?

5

Just checked – the problem is solved when in incognito mode. So this seems to be an issue with my settings only?
Thanks for your help!

1 Like
6

Of course! It’s possible that it’s due to an extension as it’s working for me in a normal browser window (non-incognito). I’ve seen users experiencing this issue in the past, but unfortunately I don’t believe there was ever a specific solution mentioned.

1 Like
7

Hey it works for me too, however there’s is a text output in the WebGL renderer.

image
image770×73 4.8 KB

2 Likes
8

fixed, thanks so much! :slight_smile:

9

I’m having the same problem. The uploaded file’s URL is at domain https://uploads-ssl.webflow.com/
while the website is at https://hechte-huisartsenzorg.webflow.io.

This occurs in Safari sometimes (usually the first time I load the page) and in Chrome all the time, even with an incognito window.

I am loading an SVG file to inline code with javascript so that I can manipulate it with CSS.

There must be a solution?