spring-boot 404向html模板提供.js和.css文件时出错
我正在使用spring boot，并试图托管使用angular js的HTML页面。我的文件夹结构是：
我提到了很多关于spring boot的spring.io指南的其他问题，我所理解的是，我们应该将html模板保存在templates文件夹中，将所有的.css、图像、.js文件保存在静态文件夹中。我也做过同样的事情，但是每当页面加载时，对于所有的.css和.js文件，只会呈现html，浏览器会得到404。
我已经通过以下方式在我的超文本标记语言中包含了.css和.js：
<script src="/js/socket.io/socket.io.js"></script>
<script src="/js/moment.min.js"></script>
<script src="/js/demoApp.js"></script>我尝试了所有的组合，如: src="../static/js/socket.io/socket.io.js“或src="js/socket.io/socket.io.js”，但在浏览器中，这些文件总是得到404。
我查了一下spring boot的日志，上面是这样写的：
2016-07-24 21:08:05 WARN PageNotFound:1139 - No mapping found for HTTP request with URI [/js/demoApp.js] in DispatcherServlet with name 'dispatcherServlet'
2016-07-24 21:08:05 DEBUG DispatcherServlet:997 - Successfully completed request我不明白如何解决这个问题，请帮帮我！
注意:我没有编写视图解析器代码，因为据我所知，spring boot会自动从static文件夹中提取静态内容。如果我错了，请纠正我。
编辑:添加我的pom文件：
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.3.5.RELEASE</version>
</parent>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<exclusions>
<exclusion>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-logging</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-log4j</artifactId>
</dependency>
<!--Alexa Dependencies -->
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-lang3</artifactId>
<version>3.3.2</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>org.apache.directory.studio</groupId>
<artifactId>org.apache.commons.io</artifactId>
<version>2.4</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>com.amazon.alexa</groupId>
<artifactId>alexa-skills-kit</artifactId>
<version>1.1</version>
</dependency>
<dependency>
<groupId>com.amazonaws</groupId>
<artifactId>aws-lambda-java-core</artifactId>
<version>1.0.0</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>com.amazonaws</groupId>
<artifactId>aws-java-sdk-dynamodb</artifactId>
<version>1.9.40</version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<configuration>
<verbose>true</verbose>
<source>1.8</source>
<target>1.8</target>
<showWarnings>true</showWarnings>
</configuration>
</plugin>
</plugins>
</build>回答 5
Stack Overflow用户
发布于 2016-07-25 15:18:30
我看到你正在使用胸腺叶，所以试着像这样访问你的资源：
<script th:src="@{/js/socket.io/socket.io.js}"></script>
<script th:src="@{/js/moment.min.js}"></script>
<script th:src="@{/js/demoApp.js}"></script>另外，如果这不起作用，你可以添加你的index.html。
Stack Overflow用户
发布于 2016-07-25 17:59:54
我发现了问题，一切都是正确的，但是: 1)我没有从WebMvcAutoConfiguration扩展我的应用程序类。
@SpringBootApplication
@EnableWebMvc
public class HLACUIApplication extends WebMvcAutoConfiguration {
public static void main(String[] args) {
SpringApplication.run(HLACUIApplication.class, args);
}
}这就是应用程序类应该是什么样子。
2)我不需要使用模板文件夹，因为我使用的是angularjs，而不是胸腺叶。我已经把所有东西都放在静态文件夹里了。
Stack Overflow用户
发布于 2017-08-21 22:16:59
我也面临着同样的问题。我认为你有如下的html代码：
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<!-- Main Styles -->
<link rel="stylesheet" href="/css/bar.css" />
<script src="/js/foo.js"></script>
</head>
<body>
<div>Welcome to Foo!</div>
</body>
</html>我通过向<script>元素添加type="text/javascript"解决了这个问题。在Spring Boot应用程序中，需要定义type="text/javascript"，否则它将无法加载。
您的示例的解决方案如下所示：
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<!-- Main Styles -->
<link rel="stylesheet" href="/css/bar.css" />
<script type="text/javascript" src="/js/foo.js"></script>
</head>
<body>
<div>Welcome to Foo!</div>
</body>
</html>https://stackoverflow.com/questions/38553929
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号