topic Re: CORS issue with demographics8.arcgis.com in ArcGIS JavaScript Maps SDK Questions

CORS issue with demographics8.arcgis.com

ToddAtkins — Sun, 12 Dec 2021 15:54:09 GMT

In testing out the 4.9 API, I'm running into and issue around CORS with demographics8.arcgis.com. We're pulling a MapImageLayer from this domain and it's throwing a CORS error in the console. I've tried

esriConfig.request.trustedServers.push('https://demographics8.arcgis.com');

but that didn't help. Is there something else I need to do on my end? I'd really rather not setup a proxy since it was working in 4.8 but if that's what's required, then I'll do it. I'm wondering (hoping) if there's some issue on the Esri side for this? And for what it's worth, the legend for the layer does work--just the actual map part of the service is throwing this error.

Here's the two errors it's throwing:

Access to Image at 'https://demographics8.arcgis.com/arcgis/rest/directories/arcgisoutput/USA_Demographics_and_Boundaries_2018_MapServer/x_____x8rpmfxe7ycCrgTOULj6txw..x_____x_ags_map00d241a884ec469dafb1aeebc2cb111d.png?token=<redacted>' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

and

{"error":{"name":"request:server","message":"Unable to load the resource","details":{"url":"https://demographics8.arcgis.com/arcgis/rest/directories/arcgisoutput/USA_Demographics_and_Boundaries_2018_MapServer/x_____x8rpmfxe7ycCrgTOULj6txw..x_____x_ags_map00d241a884ec469dafb1aeebc2cb111d.png?token=<redacted>","requestOptions":{"responseType":"image"},"ssl":false}}}

Re: CORS issue with demographics8.arcgis.com

Noah-Sager — Thu, 04 Oct 2018 20:29:14 GMT

Hi Todd, you might need to add the domain to the list of trustedServers using esriConfig.

example:

require(["esri/config"], function(esriConfig) { esriConfig.request.trustedServers.push("[<protocol>//]<hostname>.<domain>[:<port>]"); });

config | API Reference | ArcGIS API for JavaScript 4.9

This changed was described in a recent blog post:

https://community.esri.com/community/developers/web-developers/arcgis-api-for-javascript/blog/2018/08/30/cors-and-the-arcgis-api-for-javascript-changes-coming-in-49

Re: CORS issue with demographics8.arcgis.com

ToddAtkins — Thu, 04 Oct 2018 22:06:17 GMT

Noah, I've tried that and no dice. (as noted in my original post )

Re: CORS issue with demographics8.arcgis.com

Noah-Sager — Thu, 04 Oct 2018 22:23:00 GMT

Whoops! Totally missed that. My apologies. The service requires me to login, but it seems to work at 4.9 with trustedServers

sample:

A Pen by noah

Re: CORS issue with demographics8.arcgis.com

ToddAtkins — Thu, 04 Oct 2018 22:29:30 GMT

Interesting, I'll have to investigate this some more on my side. We're using app logins for our setup here so the user doesn't have to login to AGOL to see the premium layers. I'll look into it some more and see if something is up with our token or something but that'd be odd since the error is specific to CORS. Was just weird that it worked at 4.8 and stopped at 4.9.

For now, I've just switched the layer over to a FeatureLayer and it's working fine.