WMS API javascript 4.15

deleted-user-VQ40NmU7Vt6N — Tue, 12 May 2020 07:00:37 GMT

I have a problem with public NASA layer wms, this is my simple code:

require(["esri/Map","esri/views/MapView","esri/layers/WMSLayer"],

function(Map, MapView,WMSLayer) {

var map = new Map({

basemap: "streets-navigation-vector"

});

var view = new MapView({

container: "viewDiv",

map: map,

center: [-118.80500, 34.02700], // longitude, latitude

zoom: 13

});

var layer = new WMSLayer({

url: "https://firms.modaps.eosdis.nasa.gov/wms",

sublayers: [{

name: "fires_viirs_24",

}]

});

map.add(layer);

});

</script>

And this is the console error: Access to fetch at 'https://firms.modaps.eosdis.nasa.gov/wms?SERVICE=WMS&REQUEST=GetCapabilities' 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.

I DO NOT UNDERSTAND THIS ERROR BECAUSE I CAN USE THIS WMS IN OPENLAYERS EASILY WITHOUT ERROR.
IS THERE ANY SIMPLE CODE TO FIX THIS?

Thanks!!

Re: WMS API javascript 4.15

GeofyAdmin — Tue, 12 May 2020 22:27:48 GMT

This is your web browser basically acting as designed: you can load your app from domain1 and reach out to domain2. It’s a security thing..

To temporarily disable such behavior, just to see that your code works, you can use chrome by running it from the command line like this:

chrome.exe —disable-web-security —user-data-dir=c:\temp

then open your app.

For a more permanent solution you need to configure your web server where your app is deployed to allow cors.

There is also the proxy option, where you place a proxy app on the server to route all calls; that way your client only talks to your webserver so you avoid cors altogether.

topic Re: WMS API javascript 4.15 in ArcGIS JavaScript Maps SDK Questions

WMS API javascript 4.15

Re: WMS API javascript 4.15