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; } } }

CORS error when adding WMS layers from Geoserver layer

Vakhtang_Zubiashvili

Hi Guys, need help. I try add GeoServer wms layer on my webmap. It was working good about few days ago, but now i get error: Access to fetch at 'http://nv1.reestri.gov.ge/geoserver/wms?SERVICE=WMS&REQUEST=GetCapabilities' from origin 'http://10.0.124.10' 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. (See PIC)

I use standard code to add layer:

const registrirebuli_nakvetebi = new WMSLayer({
          url: "http://nv1.reestri.gov.ge/geoserver/wms",
          title: "xyz",
          visible: true,
          sublayers: [
            {
              name: "LR_PARCELS"
            }
          ]
        });  
        map.add(registrirebuli_nakvetebi)

How can i handle this? Geoserver is not on my hand, so i can not enable/disable CORS.

CORS.PNG

Vind meer berichten getagd met

Accepted answers

B-L

Looking into this, i saw the following in the api docs.

"The WMSLayer initially executes a WMS GetCapabilities request, which might require CORS or a proxy page." (source:https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-WMSLayer.html )

Since you are unable to enable/disable CORS you may need to look into a proxy.

https://developers.arcgis.com/javascript/latest/proxies/

I have had some success with this proxy in the past with handling CORS issues https://github.com/Esri/resource-proxy

HOWEVER, esri has since added the following disclaimer

"We don't recommend using this resource proxy. It is not being maintained and there's been no active development for many years. There are many better solutions."

But at the very least, the GIT README can shed some light on how a proxy can be integrated depending on your environment.

I hope that helps!

All comments

B-L

Hi @Vakhtang_Zubiashvili ,

I would highly recommend that you reach out to ESRI support on this one. Especially since it is dealing with CORS and Proxies, which can both come with some security considerations. Best of luck!

Vakhtang_Zubiashvili

Hi @B-L ,

So, i have configured proxy using your suggestions. Now maps loads, from proxy server i get response like this: https://nv.napr.gov.ge/geoserver/ows?width=1920&height=523&bbox=4980332.152501735%2C5119742.330961465%2C4984918.374198967%2C5120991.598642535&crs=EPSG%3A900913&format=image%2Fpng&request=GetMap&service=WMS&styles=&transparent=TRUE&version=1.3.0&layers=LR_PARCELS_transparent,

but it does not appear on map, still get CORS error: Access to image at 'https://nv.napr.gov.ge/geoserver/ows?width=1920&height=485&bbox=4834810.382589555%2C5082880.574070942%2C5128328.571204745%2C5157024.491507592&crs=EPSG%3A900913&format=image%2Fpng&request=GetMap&service=WMS&styles=&transparent=TRUE&version=1.3.0&layers=LR_PARCELS_transparent' from origin 'http://10.0.124.10' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

What else i have to do? I think it should work now, but no success.

Vakhtang_Zubiashvili

Hi Again,

So, i followed these documentation, but still got CORS error. When i set all correctly now it says that there are multiple headers.

B-L

Looking into this, i saw the following in the api docs.

Since you are unable to enable/disable CORS you may need to look into a proxy.

https://developers.arcgis.com/javascript/latest/proxies/

I have had some success with this proxy in the past with handling CORS issues https://github.com/Esri/resource-proxy

HOWEVER, esri has since added the following disclaimer

"We don't recommend using this resource proxy. It is not being maintained and there's been no active development for many years. There are many better solutions."

But at the very least, the GIT README can shed some light on how a proxy can be integrated depending on your environment.

I hope that helps!

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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