Javascript 在js中$routeProvider重定向后刷新页面时，资源（.css、.js）的路径无效

我从一页深入到另一页

$routeProvider，如下所示：

<div ng-repeat="project in projects | filter:search | orderBy:orderProp track by $index" >
        <p>Project:<a href="projects/{{project.projectSk}}">{{project.projectNm}}</a></p>
        <ul>
            <li>Disease Area: {{project.diseaseArea}}</li>
            <li>Tier: {{project.approvedPriority}}</li>
            <li>Status: {{project.planningStatus}}</li>         
        </ul>
    </div>

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" media="screen" /> 
<link rel="stylesheet" href="css/app.css" /> 
<script src="lib/jquery/jquery-2.0.3.min.js"></script>
<script src="lib/angular/angular.min.js"></script>
etc.

angular.module（'opalApp'，['opalApp.project'，'opalApp.services']））

这是到/projects/：projectSk的最后一个$routeProvider，我有以下问题：

我展示了一个项目列表，并提供了一个到详细页面的链接。项目清单如下：

<div ng-repeat="project in projects | filter:search | orderBy:orderProp track by $index" >
        <p>Project:<a href="projects/{{project.projectSk}}">{{project.projectNm}}</a></p>
        <ul>
            <li>Disease Area: {{project.diseaseArea}}</li>
            <li>Tier: {{project.approvedPriority}}</li>
            <li>Status: {{project.planningStatus}}</li>         
        </ul>
    </div>

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" media="screen" /> 
<link rel="stylesheet" href="css/app.css" /> 
<script src="lib/jquery/jquery-2.0.3.min.js"></script>
<script src="lib/angular/angular.min.js"></script>
etc.

我的问题是，当我在详细信息页面上手动刷新浏览器时

http://localhost:8080/misf-web/projects/75557

当css和js文件的路径被“修改”为包含/projects/component时，我在chrome中遇到了大量错误。而且这些都找不到（毫不奇怪，因为/misfweb/projects并不存在，而是url重写）

在主父视图中，这些都定义如下：

<div ng-repeat="project in projects | filter:search | orderBy:orderProp track by $index" >
        <p>Project:<a href="projects/{{project.projectSk}}">{{project.projectNm}}</a></p>
        <ul>
            <li>Disease Area: {{project.diseaseArea}}</li>
            <li>Tier: {{project.approvedPriority}}</li>
            <li>Status: {{project.planningStatus}}</li>         
        </ul>
    </div>

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" media="screen" /> 
<link rel="stylesheet" href="css/app.css" /> 
<script src="lib/jquery/jquery-2.0.3.min.js"></script>
<script src="lib/angular/angular.min.js"></script>
etc.

等

请注意，URL中缺少添加的“项目”部分

谢谢你的建议

问候

---

我

你启用了html5模式吗？是的.config（函数（$routeProvider，$locationProvider）{$locationProvider.html5模式（true）；我使用的是tomcat，不确定这是否有任何区别……但是如果我的URL都是“js/file.js”…然后我通过url重定向导航到/projects/…这将是我想要从url驱动的任何东西的一个问题，例如，图像url和如果我将url设置为“/js/file.js”开始时使用正斜杠，我在所有链接中都会丢失tomcat中的应用程序上下文名称。也就是说，它会跳过服务器上的应用程序名称。啊，使用index.html文件中的标记。