更改 Dart 嵌入式 Web 服务器端口答案

【问题标题】：Change Dart embedded web server port更改 Dart 嵌入式 Web 服务器端口
【发布时间】：2014-02-12 15:40:24
【问题描述】：

我想用 dart 创建一个 Web 应用程序。首先是html：

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Dart</title>
    <link rel="stylesheet" href="dart.css">
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="application/dart" src="dart.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body>
    <h1>Dart</h1>

    <p>Hello world from Dart!</p>

    <div id="sample_container_id">
      <table id="table">
        <tr>
          <td>Benutzername:</td>
          <td><input type="text" id="inputuser" maxlength="40"></td>
        </tr>
        <tr>
          <td>Passwort:</td>
          <td><input type="password" id="inputpass" maxlength="40"></td>
        </tr>
        <tr>
          <td><button id="button"></button></td>
        </tr>  
      </table>
    </div>
  </body>
</html>

在我的 dart 文件中，我想连接到在本地 glassfish 服务器上运行的 servlet

dart 文件如下所示：

import 'dart:html';

final TableElement table = querySelector('#table');
final DivElement main_div = querySelector('#sample_container_id');

void main() {
  TextInputElement user = querySelector('#inputuser');
  PasswordInputElement password = querySelector('#inputpass');
  ButtonElement button = querySelector('#button');
  button.text = 'Send';
  button.onClick.listen((e) => checkUser(user, password));
}

void checkUser(TextInputElement user, PasswordInputElement password)
{
  var url = 'http://localhost:8080/dartTestServlet';
  HttpRequest request = new HttpRequest();
  request.open("POST", url);
  request.onLoadEnd.listen((e) => onUserChecked(request.response.toString()));

  String jsonData = '{"user":"' + user.value + '", "password":"' + password.value + '"}';

  request.send(jsonData);
}

如果 dart 连接到服务器，我会收到以下错误消息：

Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:3030' is therefore not allowed access.   http://localhost:8080/dartTestServlet

我知道问题是同源策略，但我不知道如何解决它。

我为服务器使用了一个 Eclipse 实例，为客户端使用了一个 Dart 编辑器实例。如何在 Dart 编辑器中将嵌入式 Web 服务器的端口更改为 8080？

我应该解决这个问题吗？

提前感谢您的帮助。

【问题讨论】：

这不能解决问题，因为两台服务器不能使用同一个端口。您必须通过 GlassFish 服务器提供 dart 页面，或者使用 CORS。
谢谢。我通过 Glassfish 提供了该页面。这解决了 CORS 的“问题”。

标签： dart dart-html dart-pub

【解决方案1】：

我不了解 DartEditor，但您可以在包目录中使用 pub serve --port 8080 或仅使用 pub serve（默认为 8080）。

集成在 DartEditor 中的网络服务器可能很快就会被 pub serve 取代。

【讨论】：