title: How to Resolve Cross-Origin Issue in SAP Web IDE Personal Edition
body: <p>I am writing a simple application in Web IDE Personal Edition which is to be deployed on On-Premise ABAP system.</p>
  
  <h3>App.view.xml</h3>
  
  <pre><code>&lt;mvc:View
    controllerName="databinding1.controller.App"
    xmlns="sap.m"
    xmlns:mvc="sap.ui.core.mvc"
    displayBlock="true"
  &gt;
    &lt;Button text="Submit"/&gt;
    &lt;Input
      value=""
      placeholder="Full Name"
      width="50%"
    /&gt;
  &lt;/mvc:View&gt;
  </code></pre>
  
  <ul>
  <li>Application Name : DataBinding1</li>
  <li>Application is stored in "workspace" folder.</li>
  </ul>
  
  <h3>Index.html</h3>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Data Binding1&lt;/title&gt;
      &lt;script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-libs="sap.m"
        data-sap-ui-bindingSyntax="complex"
        data-sap-ui-compatVersion="edge"
        data-sap-ui-preload="async"
        data-sap-ui-resourceroots='{
          "databinding1": "./"
        }'
      &gt;&lt;/script&gt;
      &lt;script&gt;
        sap.ui.getCore().attachInit(function () {
          new sap.ui.core.ComponentContainer({
            "name":"databinding1"
          }).placeAt("content");
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body class="sapUiBody" id="content"&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  
  
  <p>Error Message in Console:
   <a href="https://i.stack.imgur.com/SnyAJ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SnyAJ.jpg" alt="enter image description here"></a></p>
  
  <p>If I remove the <code>controllerName</code> from App.view.xml, then the view loads successfully.</p>