nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS JS API v 4.x Cors

AbdelrahmanAbdelrazek

Hello everyone,

We have a cached map service, whenever I try to add it to the map using ArcGIS JS API v 3.x "ArcGISTiledMapServiceLayer" it works fine.

But whenever I try to add it to the map, using ArcGIS JS API v 4.x "TileLayer" I get this error

"Access to fetch at 'Service URL' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled."

Could anyone please assist me with that.

Thanks in advance.

Kind regards,

Abdelrahman.

Encuentra más publicaciones etiquetadas con

Accepted answers

rhys-kdrm

hi Abdelrahman,

You may need to add a trusted server, e.g.

config | ArcGIS API for JavaScript 4.14

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

Regards,

Rhys

All comments

NilsBabel1

Hello, I'm getting the same CORS error. I've added the trusted server with no effect. Can you provide an example of the format? Do you have to provide the port? I'm using 4.16. I used to use esriConfig.defaults.io.corsEnabledServers.push on the 3.x api and it seemed like it actually worked. But trustedServers.push doesn't seem to ever work. Does it do the same thing?

rhys-kdrm

Hmm, should have worked for 4.14 but wouldn't surprise me if there was a bug. 4.15 fixed a few bugs I was having with my app.

AbdelrahmanAbdelrazek

This acatually worked for me when I switched to 4.15

Thanks Rhys Donoghue‌

AbdelrahmanAbdelrazek

Thanks Rhys for your response, I did try that.

But unfortunately still getting the same error.

rhys-kdrm

hi Abdelrahman,

You may need to add a trusted server, e.g.

config | ArcGIS API for JavaScript 4.14

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

Regards,

Rhys

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.