Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy

Questions
1

Hello I’m using this example
here
in my Laravel app to view 3d models
I’m using google storage as storage of my app and I put the file DamagedHelmet.gltf in it
I all rest code in my laravel app but I sucked in
"Blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource"
I configured google storage as described here : cors in google storage
any solution for that?

2

You can easily check via the Chrome Dev Tools (Network Tab) if the CORS header is actually missing. If so, your server-side configuration is obviously wrong.

3

Can you show me what you mean via images ?

4

It should look like so:

image
image.png1882×694 122 KB

Notice the CORS header (access-control-allow-origin: *) in the “Response Headers” section.

5

This what I got

Capture
Capture.PNG1564×279 16.2 KB

6

Um, the screenshot does not show the response header.

7

This only what I get from the request.
I put the file in a shared host not google storage and I get the same problem.

8

Sorry, I’m not familiar with Google Cloud Storage. Have you considered to ask a question at the GCP community?

1 Like
9

Thanks
I solved it by using

https://[BUCKET_NAME].storage.googleapis.com

instead of

https://storage.cloud.google.com/[BUCKET_NAME]

Source

2 Likes