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

【问题标题】：Locally hosted website isn't routing correctly本地托管的网站未正确路由
【发布时间】：2014-11-19 05:49:18
【问题描述】：

我正在创建一个网站，但仍处于起步阶段。我将它托管在本地，但是当我单击链接时，它说找不到文件，即使它们确实存在。此外，样式将不适用。我的 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，这是不正确的。我什至不知道从哪里开始寻找，因为这是我的第一个网络项目。对于我应该从哪里开始/问题可能是什么，我们将不胜感激。提前谢谢你。

【问题讨论】：

听起来你试图通过打开本地文件而不是在本地机器上运行localhost web 服务器来运行

标签： html css angularjs web routing

【解决方案1】：

在所有链接前使用~ 符号。例如使用~/teams 而不是/teams。

~ 符号将带您进入文件所在的当前文件夹。

【讨论】：

我刚试过。现在它正试图将我发送到 file:///C:/~/teams

【解决方案2】：

我没有在我的机器上运行本地主机网络服务器。完成后，一切正常。

【讨论】：