gpt4 book ai didi

javascript - 使用 Thymeleaf 无法从 Html 中找到相关 JS

转载 作者:行者123 更新时间:2023-12-01 00:19:40 25 4
gpt4 key购买 nike

我正在尝试设置一个基于 Spring 的简单应用程序。这是我的项目的当前文件夹结构:

src
|
--main
|
--java
|
--resources
|
-- templates
|
-- Index.html
-- Index.js

我的依赖项如下:

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-rest</artifactId>
</dependency>

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<version>2.0.3.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
<version>2.0.3.RELEASE</version>
</dependency>

<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>

如果我将 Index.js 的逻辑放入 Index.html 中,一切都会完美运行。相反,如果我在控制台上引用 Index.js,我会看到 404,因为它找不到 js。

这是html代码:

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js">
</script>
</head>
<body>

<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>

<div id="app">
{{ message }}
</div>

<script src="index.js"></script>
</body>
</html>

</body>
</html>

以及仅供引用的js:

var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});

最佳答案

找到解决办法了,希望对遇到同样问题的大家有所帮助。实际上,Thymeleaf 是一个 View 解析器,用于搜索 resources/template 文件夹内的 View 。

如果我们想从 View 中使用相关的 JS 脚本,则必须将其放置在 Resources/static 文件夹中,并且仍然可以从 html 中引用:

<script src="index.js"></script>

关于javascript - 使用 Thymeleaf 无法从 Html 中找到相关 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59523116/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com