用Dart搭建HTTP服务器(2)

设置首页

先在项目下建立web文件,在里面再建两个html文件
这里写图片描述
然后在dart文件里编写以下代码

import 'dart:io';
import 'package:http_server/http_server.dart' show VirtualDirectory;

VirtualDirectory virDir;

void directoryHandler(dir, request) {
  //获取文件的路径
  var indexUri = new Uri.file(dir.path).resolve('index.html');
  //返回指定的文件
  virDir.serveFile(new File(indexUri.toFilePath()), request);
}

main(List<String> arguments) {

  virDir = new VirtualDirectory(Platform.script.resolve('web').toFilePath())
    ..allowDirectoryListing = true
    //用指定的文件覆盖默认返回的目录清单
    ..directoryHandler = directoryHandler;

  HttpServer.bind(InternetAddress.LOOPBACK_IP_V4, 8089).then((server){
    server.listen((request){
      virDir.serveRequest(request);
    });
  });
}

最后执行dart文件,访问本地http://127.0.0.1:8089/,就会打开指定的首页
这里写图片描述
我们先在这里试试访问不存在的文件,千万不要用IE浏览器,你懂得。。
这里写图片描述
跟我们想得一样,返回了浏览器自己的404提示,那么怎么自定义404提示呢?

处理404错误

我再强调一下,不要用IE浏览器。。。
接下来我们在原来的基础上修改一些代码(加注释的地方就是添加或修改的代码)

import 'dart:io';
//我们直接引入http_server/http_server.dart
import 'package:http_server/http_server.dart';

VirtualDirectory virDir;

void directoryHandler(dir, request) {
  var indexUri = new Uri.file(dir.path).resolve('index.html');
  virDir.serveFile(new File(indexUri.toFilePath()), request);
}

//404错误的处理方法
void errorPageHandler(HttpRequest request) {
  request.response
    //设置状态码,如果没有设置则默认HttpStatus.OK
    ..statusCode = HttpStatus.NOT_FOUND
    ..write('Not found')
    ..close();
}

main(List<String> arguments) {

  virDir = new VirtualDirectory(Platform.script.resolve('web').toFilePath())
    ..allowDirectoryListing = true
    //覆盖默认的错误处理页面,要注意顺序(错误处理要放在正常处理前面,否则无效)
    ..errorPageHandler = errorPageHandler
    ..directoryHandler = directoryHandler;

  HttpServer.bind(InternetAddress.LOOPBACK_IP_V4, 8089).then((server){
    server.listen((request){
      virDir.serveRequest(request);
    });
  });
}

重要的事情说三遍,不要用IE浏览器。。。
我们试试正常访问
这里写图片描述
没问题,那再试试无效访问
这里写图片描述
好了,现在返回的就是自定义的404提示了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值