Why am I getting a CORS error while requesting products in checkout.liquid?

Technical Q&A
1

Trying to get products while in checkout.liquid and getting a CORS error that reads. Any help would be appreciated!

CORS error.png

$( document ).ready(function() {
      $.get('/admin/api/2021-04/products.json', function(res){
        	console.log(res)
        })
     })
2

Is it prefixed by [Report Only]? If so you can ignore this kind of error. That said you won’t be able to access admin APIs from the storefront without providing an API key, which isn’t a good idea to put in the theme as it would be publicly accessible. These APIs are for apps generally, not storefront.

What are you trying to achieve? There might be another way.

3

How are you authenticating your request securely to the Admin API from checkout.liquid? I hope you’ve not exposed the key details for all to see in that file.

It’s likely a good thing you’re getting an error.