dart - 如何使用 Dart 从不同的 URL 提供静态文件？

Question

使用 Dart，我得到了 awesome.html，但我希望它是 /awesome。这纯粹是 .htaccess (我使用 Apache)的事情，还是有办法通过 Dart 或“现代 Web 开发”方式来解决这个问题？

此 .htaccess 位将 /awesome 定向到 /awesome.html:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule .*[^/]$ %{REQUEST_URI}/ [L,R=301]
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^(.+)/$ $1.html [L]

但是我所有的相对 URL 引用(对 css/js/images)都会中断，如果我将它们从“assets/whatever”重写为“/assets/whatever”，那么在 Dart 编辑器中工作时就会中断，因为它使用如下 URL:

http://127.0.0.1:3030/Users/dave/Sites/my-dart-app/web/awesome.html

想法？最佳实践？谢谢!

Answer 1

感谢您的提问!

答案取决于您的 Dart 服务器虚拟机前面是否有代理服务器或 Web 服务器。如果您前面有代理，那么代理可以在请求到达您的 Dart VM 之前进行 URL 重写。无论如何，这是一个很好的场景，因为代理可以进行缓存、SSL、负载平衡等。在这种情况下，Dart VM 只是一个“应用程序服务器”。我建议将工业强度的 Web 服务器或代理放在前面，作为最佳实践。

但是，如果您想纯粹在 Dart 中进行 URL 屏蔽和重写，这里有一些代码。正如 Kai 在上面的评论中所说，这通常是框架的工作。但为了好玩，我还是会在这里包含一些代码。 :)

import 'dart:io';
import 'dart:json';

class StaticFileHandler {
  final String basePath;

  StaticFileHandler(this.basePath);

  _send404(HttpResponse response) {
    response.statusCode = HttpStatus.NOT_FOUND;
    response.outputStream.close();
  }

  String rewritePath(String path) {
    String newPath = path;

    if (path == '/' || path.endsWith('/')) {
      newPath = '${path}index.html'; 
    } else if (!path.endsWith('.html')) {
      newPath = "${path}.html";
    }

    return newPath;
  }

  // TODO: etags, last-modified-since support
  onRequest(HttpRequest request, HttpResponse response) {
    String path = rewritePath(request.path);

    final File file = new File('${basePath}${path}');
    file.exists().then((found) {
      if (found) {
        file.fullPath().then((String fullPath) {
          if (!fullPath.startsWith(basePath)) {
            _send404(response);
          } else {
            file.openInputStream().pipe(response.outputStream);
          }
        });
      } else {
        _send404(response);
      }
    });
  }

}

runServer(String basePath, int port) {
  HttpServer server = new HttpServer();

  server.defaultRequestHandler = new StaticFileHandler(basePath).onRequest;
  server.onError = (error) => print(error);
  server.listen('127.0.0.1', 1337);
  print('listening for connections on $port');
}

main() {
  var script = new File(new Options().script);
  var directory = script.directorySync();
  runServer("${directory.path}", 1337);
}