1

我尝试使用 ui-router 创建简单的 Angular 网页，以便在 HTML5Mode 上进行路由。我使用 Visual Studio 和 IIS 表达式作为服务器

索引.html

<!doctype html>
<html ng-app="questApp">
<head>
    <title>First Page</title>   
    <base href="/">
    <meta charset="utf-8">
    <meta name="fragment" content="!" />
    <script src="lib/angular.min.js"></script>
    <script src="lib/angular-route.min.js"></script>
    <script src="scripts/app.js"></script>
    <script src="controllers/conroller1.js"></script>
    <script src="controllers/conroller2.js"></script>
    <script src="controllers/indexConroller.js"></script>
    <script src="controllers/main.js"></script>
</head>
<body>
    <div class="container">              
        <div class="row col-xs-12">
            <div class="col-xs-3">
                <div class="row"><a href="/index2">index</a></div>
                <div class="row"><a href="/page1">view1</a></div>               
            </div>
            <div class="col-xs-9">          
                <ng-view>                  
                </ng-view>
            </div>
        </div>
            </div>
</body>
</html>

应用程序.js 

var testApp = angular.module('questApp', ["ngRoute"])
        .config(function ($routeProvider, $locationProvider) {

        $routeProvider.when('/index2',
        {
            templateUrl: 'views/indexView.html',
            controller: 'indexConroller'
        })
         .when('/page1',
        {
            templateUrl: '/views/view1.html',
            controller: 'conroller1'
        })       
        .when('/',
        {
            templateURL: 'views/main',
            controller: function () {
                console.log('views/main');
            },
        })
         .otherwise({
             redirectTo: '/'
         });        

        $locationProvider.html5Mode(true).hashPrefix("!");
    });

$locationProvider.html5Mode(true);

页面 index.html 有标签 

<base href="/">

该网址工作正常，但当我刷新页面时，我收到错误 404.0 - 未找到。你有什么想法，这是什么原因？

4

0 回答 0