AngularJS 网络应用程序答案

【问题标题】：AngularJS Web ApplicationAngularJS 网络应用程序
【发布时间】：2016-03-07 01:36:18
【问题描述】：

我的 Web 应用程序有问题，当用户输入 /#/home 以显示文本时，我尝试这样做。

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script>   
    <script>
    var app = angular.module('cacat', ['ngRoute']);
    app.config(function($routeProvider, $locationProvider) {
      $routeProvider.
        when('/home', {
          template: 'DADA'
        }).
        otherwise({
          redirectTo: '/'
        });

      if (window.history && window.history.pushState) {
        $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });
      }
    });
    </script>
</head>
<body ng-app="cacat">
</body>

我试过 127.0.0.1/#/home、127.0.0.1/home 都不行。

【问题讨论】：

如果您想使用 127.0.0.1 或 localhost 或任何使用主机或 IP 地址的方式输入，您需要一个 Web 服务器。比如apache、nginx等，你用的是web server吗？
你遗漏了很多东西..你需要包含ng-view，还需要提到模板路径，如DADA.html，请参考link
@Sudakatux ofc 我有 Apache :|

标签： angularjs url web seo

【解决方案1】：

抱歉耽搁了我还没回家，也没有真正的 apache 来试用，但这很好用

     <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script>   
        <script>
            var app = angular.module('cacat', ['ngRoute']);
    app.config(function($routeProvider, $locationProvider) {
      $routeProvider.
        when('/home', {
          template: 'DADA'
        }).
        when('/',{
      template:"<a href='index.html#/home'> Go Home</a>"

        } ).
        otherwise({
          redirectTo: '/'
        });

 /*     if (window.history && window.history.pushState) {
        $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
        });*/

    });
        </script>
    </head>
    <body ng-app="cacat">
    <ng-view></ng-view>
    </body>

我注释掉历史部分，因为我需要 apache 来尝试。但是您基本上只是缺少 ng-view 标签

希望对你有帮助

【讨论】：