In my html page I have the following script to pull the base map from ESRI Online. This page is hosted on a web server locally. I am getting the following error how. Could people help me address this issue? Thank you
Error:
Access to XMLHttpRequest at 'http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer?f=json' from origin 'http://...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Javascript in the HTML file:
<script>
var map;
require([
"dojo/parser",
"dojo/ready",
"dojo/_base/array",
"esri/Color",
"dojo/dom-style",
"dojo/query",
"esri/map",
"esri/request",
"esri/graphic",
"esri/geometry/Extent",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleFillSymbol",
"esri/symbols/PictureMarkerSymbol",
"esri/renderers/ClassBreaksRenderer",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ImageParameters",
"esri/layers/GraphicsLayer",
"esri/SpatialReference",
"esri/InfoTemplate",
"esri/geometry/Point",
"esri/geometry/webMercatorUtils",
"extras/AssetClusterLayer",
"dojo/dom",
"esri/dijit/BasemapToggle",
"esri/dijit/HomeButton",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dojo/domReady!"
], function(
parser, ready, arrayUtils, Color, domStyle, query,
Map, esriRequest, Graphic, Extent,
SimpleMarkerSymbol, SimpleFillSymbol, PictureMarkerSymbol, ClassBreaksRenderer,
ArcGISDynamicMapServiceLayer, ImageParameters, GraphicsLayer, SpatialReference, InfoTemplate, Point, webMercatorUtils,
AssetClusterLayer, dom, BasemapToggle, HomeButton
) {
ready(function() {
