Routes 使用dart路由包url时出现错误404_Routes_Dart

Routes 使用dart路由包url时出现错误404

routes dart

Routes 使用dart路由包url时出现错误404,routes,dart,Routes,Dart,这是我的主要任务。省道： import 'dart:html'; import 'package:route/client.dart'; import 'urls.dart'; void main() { var router = new Router() ..addHandler(homeUrl, showHome) ..addHandler(galleryurl, showGallery) ..listen(); HttpRequest.getString("home.h

这是我的主要任务。省道：

import 'dart:html';
import 'package:route/client.dart';
import 'urls.dart';
void main() {
  var router = new Router()
  ..addHandler(homeUrl, showHome)
  ..addHandler(galleryurl, showGallery)
  ..listen();
  HttpRequest.getString("home.html").then((html){
        querySelector("#container").innerHtml = html;
      });
}

void showHome(String path){
  HttpRequest.getString("home.html").then((html){
    querySelector("#container").innerHtml = html;
  }); 
}

void showGallery(String path){
  HttpRequest.getString("gallery.html").then((html){
    querySelector("#container").innerHtml = html;
  });
}

URL.dart：

library urls;
import 'package:route/url_pattern.dart';

final homeUrl = new UrlPattern(r'(.*)/');
final homeUrlWithFile = new UrlPattern(r'(.*)/index.html');
final contacturl = new UrlPattern(r'(.*)/contact');
final galleryurl = new UrlPattern(r'(.*)/gallery');

final allUrls = [homeUrl, contacturl, galleryurl];

以及index.html中的我的正文：

<body>
  <nav class="navbar navbar-default navbar-static-top">
    <div class="container">
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="/">Home</a></li>
          <li><a href="/gallery">Gallery</a></li>
        </ul>
      </div>
    </div>  
  </nav>
  <main id="container">
  </main>
  <footer class="footer" >
    <div class="col-md-10 col-md-offset-1 col-sm-12">here's footer</div>
  </footer>
  <script src="packages\jquery_for_pub\1.11.0\jquery-1.11.0.min.js"></script>
  <script src="packages/bootstrap/js/bootstrap.js"></script>
  <script type="application/dart" src="main.dart"></script>

  <script data-pub-inline src="packages/browser/dart.js"></script>
</body>






这是页脚

我的问题是，当我转到localhost:8080/gallery时，出现了错误404。但如果我打开localhost:8080并单击gallery链接，它就可以工作了

我想将它重定向到index.html，当它在localhost:8080/gallery中打开时，#容器的内容更改为gallery。感谢您的帮助

如果您使用pushState（默认），则需要服务器支持将请求重定向到正确的URL。例如，这通常委托给nginx。
或者，您可以禁用pushState并改用片段

var router = new Router(useFragment: true)
  ..addHandler(new UrlPattern(r'(.*)#something'), (_) => view = 'home')

如果使用pushState（默认），则需要服务器支持将请求重定向到正确的URL。例如，这通常委托给nginx。
或者，您可以禁用pushState并改用片段

var router = new Router(useFragment: true)
  ..addHandler(new UrlPattern(r'(.*)#something'), (_) => view = 'home')