找不到资源 - Tomcat - Spring - AngularJS答案

【问题标题】：Unable to find resources - Tomcat - Spring - AngularJS找不到资源 - Tomcat - Spring - AngularJS
【发布时间】：2016-06-15 16:05:43
【问题描述】：

我正在尝试设置一个小型 angularjs 应用程序。我正在使用 SpringMVC 来交付主模板，我假装在该模板上开始使用 Angular。

我的问题是在我的html中添加我的模块、控制器等时，浏览器没有找到它们并且控制台反映404。我尝试了不同的变体（在 src 的开头有/没有斜杠和 ../），但没有一个会起作用。我感觉我的资源定位错误。

这就是我的项目结构的样子

这里是我的 home.html

<!DOCTYPE HTML>
<html>
<head>
    <title>My title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="text/javascript"
            src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script>
    <script type="text/javascript" src="/js/app.js"></script>
    <script type="text/javascript" src="/js/controllers/myController.js"></script>
</head>
<body>
<span>Hiya!</span>
<div data-ng-app="myapp">
    <div data-ng-controller="myController"></div>
</div>
</body>
</html>

我总是得到这个：

【问题讨论】：

标签： javascript html angularjs spring tomcat

【解决方案1】：

解决了！ js 文件显然必须在“静态”下

【讨论】：

【解决方案2】：

您的模板目录与您的 javascript 目录处于同一级别，您需要模板目录中的 js 目录中的文件。您需要降低一个级别（“../”），然后使用所需的 javascript 导航到文件夹。所以，这个：

<script type="text/javascript" src="/js/app.js"></script>

会变成这样：

<script type="text/javascript" src="../js/app.js"></script>

【讨论】：

您是否正在使用 XAMPP 等 localhost 服务器测试此项目？
我正在通过 Intellij IDEA 在本地部署战争神器。在 Tomcat 上
有意义他们需要在“静态”下:)

【解决方案3】：

根据您的项目结构，它将是

<script type="text/javascript" src="../js/app.js"></script>
<script type="text/javascript" src="../js/controller/myController.js"></script>

【讨论】：

感谢您的建议。我已经尝试过，然后又做了一次，但是没有用
您在控制台中看到的问题是什么？