来自字符串的 Dart 服务器响应 HTML答案

【问题标题】：Dart server response HTML from string来自字符串的 Dart 服务器响应 HTML
【发布时间】：2021-07-22 04:37:39
【问题描述】：

我有以下代码，它基于 Dart 文档中的示例，使用 HTML 维基百科页面中的 HTML sn-p。浏览器将其呈现为字符串，我怎样才能让浏览器将其呈现为 HTML？我浏览了所有 dart 文档和示例，但找不到任何东西，还尝试了不同的内容标题，但没有成功。

final server = await HttpServer.bind(InternetAddress.loopbackIPv4, 8000);
await for (HttpRequest request in server) {
  request.response.write("""<!DOCTYPE html>
<html>
<head>
  <title>This is a title</title>
</head>
<body>
  <div>
      <p>Hello world!</p>
  </div>
</body>
</html>""");
  await request.response.close();
}

【问题讨论】：

标签： html http dart server

【解决方案1】：

需要设置内容类型：

import 'dart:io';

Future<void> main() async {
  final server = await HttpServer.bind(InternetAddress.loopbackIPv4, 8000);
  await for (HttpRequest request in server) {
    request.response.headers.contentType = ContentType.html;
    request.response.write("""<!DOCTYPE html>
<html>
<head>
  <title>This is a title</title>
</head>
<body>
  <div>
      <p>Hello world!</p>
  </div>
</body>
</html>""");
    await request.response.close();
  }
}

【讨论】：