React fetching data from XML file
<p>I have the following inside my HTML file:</p>

<pre><code>&lt;script type="text/babel"&gt;

    var App = React.createClass({
        render: function() {
            $.ajax({
              url: 'data.xml',
              dataType: 'xml',
              cache: false,
              success: function(data) {
                data = xmlToJson(data);
                console.log(data);
              }.bind(this)
            });
            return (&lt;p&gt;data&lt;/p&gt;);
        }
    }); 


    ReactDOM.render(
      &lt;App /&gt;,
      document.getElementById('app')
    );
&lt;/script&gt;
</code></pre>

<p>however the console is throwing the following error:</p>

<pre><code>XMLHttpRequest cannot load file:///C:/Users/alessandro.santese/Documents/Documents/Documents/Alessandro-UI/PROJECTS/Firefly/task_2/data.xml?_=1468834003361. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
</code></pre>

<p>How can I resolve the issue?</p>