Question

ionic的新用户我正在玩游戏并遇到过这个问题。我创建了一个运行XMLHttpRequest的应用来从安全站点获取一些数据。如果我直接加载应用程序的index.html文件，数据加载正常，但如果我运行ionic serve则没有。我认为错误是因为请求来自localhost，因为检查时我看到了错误。

Access-Control-Allow-Origin不允许原点http://localhost:8100。

如果我继续直接从索引文件中测试应用程序，我有兴趣知道是否会遇到ionic个特定问题，和/或是否有允许ionic serve方法的方法访问数据？

代码：

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title></title>

        <link href="lib/ionic/css/ionic.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">

        <script src="lib/ionic/js/ionic.bundle.js"></script>
        <script src="cordova.js"></script>
        <script src="js/app.js"></script>
      </head>

      <body ng-app="starter">

        <ion-pane>
          <ion-header-bar class="bar-calm">
            <button class="button icon ion-navicon button button-clear"></button>
            <h1 class="title">Log</h1>
            <button class="button icon ion-gear-b button button-clear"></button>
          </ion-header-bar>

          <ion-content>

          <script type="text/javascript">
            var xmlhttp = new XMLHttpRequest();
            var url = "https://xxxxx/getLog.php";

            xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('listLog').innerHTML=xmlhttp.responseText;
              }
            };

            xmlhttp.open("GET", url, true);
            xmlhttp.send();
          </script>

          <p id="listLog"></p>

          </ion-content>
        </ion-pane>
      </body>
    </html>

Answer 1

我通过在Google Chrome中安装 Allow-Control-Allow-Origin: * 插件解决了同样的问题。

离子服务与直接加载指数之间的差异

1 个答案: