Question

我是AngularJS的新手，我正在试图找出如何在我的localhost服务器上获取干净的URL（这是一个基本的LAMP）。
问题是，如果我想访问localhost / login，它就可以在index.html中创建一个链接（使用angular-ui-router）。如果我尝试在浏览器的地址栏中输入相同的URL，我会收到“404 Not Found”错误。

这里的代码......

的index.html

<!DOCTYPE html>
<html ng-app="test">
  <head>
    <title>test</title>
    <base href="/">
  </head>
  <body ng-controller="MainController">

    <h1>{{message}}</h1>

    <a ui-sref="login" ui-sref-active="active">click me</a>

    <div ui-view></div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.4.7/angular-route.min.js"></script>
    <script src="js/angular-ui-router.js"></script>
    <script src="js/app.js"></script>
    <script src="js/MainController.js"></script>
  </body>
</html>

app.js

(function() {
  angular.module("test", ['ui.router'])
  .config(function($stateProvider,$urlRouterProvider,$locationProvider){

    $urlRouterProvider.otherwise('/');

    $locationProvider.html5Mode(true);

    $stateProvider
      .state('login', {
        url:'/login',
        templateUrl:'login.html'
      });
    });
})();

MainController.js

(function() {
  angular.module("test")
  .controller("MainController", function($scope){
    $scope.message = "Homepage";
  });
})();

的login.html

<h2>/login page</h2>

任何帮助？

Angularjs清除localhost上的URL

0 个答案: