Question

使用Dart，我有awesome.html，但我希望它是/awesome。这纯粹是.htaccess（我正在使用Apache）的事情，还是有办法解决这个Dart或“现代网络开发”的方式？

此.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编辑器中工作时会破坏它，因为它使用以下网址：

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

想法？最佳做法？谢谢！

Answer 1

感谢您的提问！

答案取决于您的Dart服务器VM前面是否有代理服务器或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);
}

Answer 2

顺便说一句，我已经更新了Seth代码中的rewritePath（）函数，以便它不会将.dart和.css文件等资源重写为.html，以便它可以在我的客户端工作住在/ web的东西。

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

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

    //peek into how it's rewriting the paths
    print('$path -> $newPath');

    return newPath;
  }

它当然是超级基础的，处理路由的框架肯定会派上用场（很想知道你正在构建@Kai）。

如何使用Dart从其他URL提供静态文件？

2 个答案: