本地托管的网站未正确路由

时间:2014-11-18 05:33:09

标签: html css angularjs web routing

我有一个我正在创建的网站,仍处于开始阶段。我把它托管在本地,但是当我点击链接时,它说文件无法找到,即使它们确实存在。此外,样式将不适用。我的index.html如下:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<base href="/">

<title>Sports</title>

<!-- CSS -->

<link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="css/style.css"> <!-- custom styles -->

<!-- JS -->
<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular-route/angular-route.min.js"></script>

<!-- ANGULAR CUSTOM -->
<script src="js/controllers/MainCtrl.js"></script>
<script src="js/controllers/TeamsCtrl.js"></script>>
<script src="js/services/TeamsService.js"></script>
<script src="js/appRoutes.js"></script>
<script src="js/app.js"></script>
</head>

<body ng-app="myApp" ng-controller="MainController">
<div class="container">

<!-- HEADER -->
<nav class="container-fluid navbar navbar-default navbar-fixed-top" role="navigation" ng-controller="HeaderController">

        <div class="navbar-header">
            <a class="navbar-brand" href="/"><i class="fa fa-home fa-lg"></i>Sports</a>
        </div>
        <ul class="nav navbar navbar-nav">
            <li ng-class="{ active: isActive('/teams') }"><a href="/teams">Teams</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="/login"><i class="fa fa-user"></i> Log In</a></li>
        </ul>

</nav>

<!-- ANGULAR DYNAMIC CONTENT -->
<div ng-view></div>

</div>
</body>
</html>

我不明白的部分是在我的工作电脑上运行正常。我将其压缩,在家中发送给自己,但运行不正常。当我点击Teams链接时,我会在这里: file:/// C:/ teams ,这是不正确的。我不知道从哪里开始寻找,因为这是我的第一个网络项目。任何帮助将非常感谢我应该从哪里开始/问题可能是什么。提前谢谢你。

2 个答案:

答案 0 :(得分:0)

使用所有链接前面的~符号。例如,使用~/teams代替/teams

~符号将显示文件所在的当前文件夹。

答案 1 :(得分:0)

我没有在我的机器上运行本地主机Web服务器。一旦我做了,一切都很好。