gpt4 book ai didi

javascript - CSS 和 Javascript 不呈现 404 错误 spring-boot

转载 作者:太空宇宙 更新时间:2023-11-03 20:08:19 25 4
gpt4 key购买 nike

这是我使用的路径的片段:

<link rel="stylesheet" type="text/templates.css" href="../templates/css/superfish.css" th:href="@{../templates/css/superfish.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/style.css" th:href="@{../templates/css/style.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/nivo-slider.css" th:href="@{../templates/css/nivo-slider.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/jquery.qtip.min.css" th:href="@{../templates/css/jquery.qtip.min.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/jquery-ui.css" th:href="@{../templates/css/jquery-ui.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/jquery.fancybox.css" th:href="@{../templates/css/jquery.fancybox.css}"/>
<link rel="stylesheet" type="text/templates.css" href="../templates/css/jquery.fancybox-buttons.css" th:href="@{../templates/css/jquery.fancybox-buttons.css}"/>

enter image description here

Controller :

 @RequestMapping(value="/", method= RequestMethod.GET)
public String contactForm(@Valid @ModelAttribute("contact") Contact contact, BindingResult bindingResult,
HttpServletRequest request, Model model, Device device) throws IOException {

System.out.println("Inside controller-----------------");

主要方法:

@SpringBootApplication
@ComponentScan("com.stidham")
public class StidhamFinancialApplication extends SpringBootServletInitializer {

@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
return application.sources(StidhamFinancialApplication.class);
}

public static void main(String[] args) {

SpringApplication.run(StidhamFinancialApplication.class, args

);
}
}

只有 html 呈现,没有 js 或 css。我已经尝试了几种方法,我目前的路径看起来是正确的,甚至我的 IDE 在我输入路径时自动填充。

在 war 文件中,它们也位于正确的位置。

enter image description here

mvn clean install 构建正确,它们不是依赖性问题。这似乎只是一个简单的路径问题,在部署时不起作用。

----------------更新1----------------

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" type="text/css" href="/css/superfish.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.min.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox-buttons.css"/>

enter image description here新路径

对于 js 和 css 仍然得到 404:

enter image description here

最佳答案

“templates”文件夹仅供 thymeleaf 处理 html 使用。 JavaScript 和 CSS 应该在文件夹“static”中。此文件夹直接映射到 http 的根 URL。

示例:文件位于 ... /resources/static/css/superfish.css

<link rel="stylesheet" href="/css/superfish.css" />

关于javascript - CSS 和 Javascript 不呈现 404 错误 spring-boot,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41506091/

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