Question

这是我当前的Body标签：

<body ng-app="Mood">

<div id="moodApp" ng-view></div>

<script src="js/angular.js"></script>
<script src="js/angular-route-min.js"></script>
<script src="js/angular-animate.min.js"></script>
<script src="js/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.min.js"></script>
<script src="js/main.js"></script>

这是文件树：

即使我认为它会起作用，我也有404错误：

为了使它工作，我必须像这样添加文件夹名称前缀：

<script src="mood/js/angular.js"></script>

这不是我想要的，因为当我将我的工作推入Git仓库时，其他用户将无法拥有＆＃34;心情＆＃34;文件夹中。

如何在没有文件夹名称前缀的情况下继续工作？

谢谢你们。

Answer 1

使用相对路径可以执行此操作

根据js文件夹中的文件使用../js/(remainnig路径）。

Answer 2

使用HTML base tag ：

<head>
<base href="http://localhost/mood/"> or <base href="/">
</head>

<body ng-app="Mood">

<div id="moodApp" ng-view></div>

<script src="js/angular.js"></script>
<script src="js/angular-route-min.js"></script>
<script src="js/angular-animate.min.js"></script>
<script src="js/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.min.js"></script>
<script src="js/main.js"></script>

<base> 标记为文档中的所有相对网址指定基本 URL/target 。

注意：如果标记存在，则必须具有href属性或目标属性，或两者都有。

AngularJS - 将脚本链接到正文标记

2 个答案: