【问题标题】:angular routing and html5 Issue角度路由和 html5 问题
【发布时间】:2015-04-15 16:47:16
【问题描述】:

我正在尝试进行路由,当我单击链接时它正在工作,但是当我刷新页面时,浏览器说找不到!我正在使用 html5mode ,当我在 url 上设置 # 并手动搜索页面时,它也可以正常工作!有什么问题 ? 这是app.js

app = angular.module("app", [ "ngRoute" ]);

app.config(function($locationProvider, $routeProvider) {
    $routeProvider.when("/", {
        templateUrl: "partials/index.html",
        controller: "mainCtrl"
    }).when("/index", {
        templateUrl: "partials/index.html"
    }).when("/person", {
        templateUrl: "partials/person.html",
        controller: "personCtrl"
    }).when("/person/:id", {
        templateUrl: "partials/personShow.html",
        controller: "personShowCtrl"
    }).when("/about", {
        templateUrl: "/partials/about.html"
    }).when("/contact", {
        templateUrl: "/partials/contact.html"
    }).when("/coworking", {
        templateUrl: "/partials/coworking.html"
    }).otherwise({
        redirectTo: "/partials/person.html"
    });
    $locationProvider.html5Mode(true);
});

【问题讨论】:

  • 您使用的是哪个网络服务器?阿帕奇? Nginx ?您需要将其配置为在 index.html 上重定向 404。
  • 你能创建一个 plunkr 吗?

标签: angularjs


【解决方案1】:

这里是same question,由我回答:

tl;博士

您需要一个网络服务器,例如 Apache、Nginx 或基于 Node.js 的东西,并且您需要将所有 http 调用重定向到 index.html

【讨论】:

  • 感谢您的快速回答,我正在使用 http-server ,无论如何我必须使用其他网络服务器吗?
猜你喜欢
  • 1970-01-01
  • 2014-11-10
  • 2014-06-22
  • 1970-01-01
  • 1970-01-01
  • 2020-05-21
  • 2017-04-06
  • 2021-11-12
  • 1970-01-01
相关资源
最近更新 更多