如何将 CSS 和 JS 连接到 Dart HttpServer 发送的 HTML？答案

【问题标题】：How to connect CSS and JS to HTML which is sent by Dart HttpServer?如何将 CSS 和 JS 连接到 Dart HttpServer 发送的 HTML？
【发布时间】：2020-08-17 06:29:40
【问题描述】：

我创建了一个 Dart HttpServer，它在浏览器上显示“HTML”代码，但我也想将“CSS”和“JS”连接到这个 HTML，我该怎么做？请帮忙

HttpServer _server;
_server = await HttpServer.bind(InternetAddress.anyIPv4, port);
_server.listen((request) async {
        request.response
          ..headers.contentType = ContentType.html
          //HTML Code
          ..write('''
                     <!DOCTYPE html>
                     <html lang="en">
                       <head>
                         <meta charset="UTF-8">
                         <meta name="viewport" content="width=device-width, initial-scale=1.0">
                         <! -- <link rel="stylesheet" href="styles.css"> -->
                         <title>Hello World</title>
                       </head>
                       <body>
                         <p>Hello WOrld</p>
                       </body>
                       <! -- <script src="app.js"></script> -->
                     </html>
                 ''');
        await request.response.close();
      }

PS 1：一种解决方案是在 HTML 代码中添加 CSS 和 JS 代码，这样可以工作但效率较低。

PS 2：我在 Flutter 项目中使用了这个 dart 代码。

【问题讨论】：

标签： javascript html flutter dart dart-http

【解决方案1】：

只使用html标签。
不要忽略html标签导入的每一个源都是一个http请求。你应该处理这些请求。 Dart HttpServer 不处理这些。

【讨论】：