Spring - 无法加载资源（CSS）

hindi1991 发表于 Dev

印地文1991

好吧，我一直在网上寻找解决方案 2 天，无论我尝试什么都没有用，我希望这里有人可以解决我的问题：

我有 Spring 项目，当我加载服务器并打开它时，我无法将 css 文件加载到 index.html（是的，我不使用 jsp）：

我将发布我所有的相关代码以明确：

index.html（你可以看到我尝试了很多路径_）

<html>
<head>
    <title>CouponSystem Home Page</title>

    <link rel="stylesheet" href="couponsystem/resources/css/style.css" type="text/css" />
    <link rel="stylesheet" href="/couponsystem/resources/style.css" type="text/css" />
    <link rel="stylesheet" href="couponsystem/resources/style.css" type="text/css" />
    <link rel="stylesheet" href="resources/css/style.css" type="text/css" />
    <link rel="stylesheet" href="/resources/css/style.css" type="text/css" />
    <link rel="stylesheet" href="resources/style.css" type="text/css" />
    <link rel="stylesheet" href="/resources/style.css" type="text/css" />
</head>
<body>
<h2>CouponSystem- Home Page</h2>
<hr>

<div class="red-text">Red text</div>
    <br>
    <div class="green-text">Green text</div>
<hr>
</body>
</html>

应用配置：

@Configuration
@EnableWebMvc
@EnableTransactionManagement
@ComponentScan("com.orel.couponsystem")
@PropertySource({ "classpath:persistence-mysql.properties" })
public class AppConfig extends WebMvcConfigurationSupport implements 
ApplicationContextAware {

@Autowired
private Environment env;

private ApplicationContext applicationContext;

@Override
public void setApplicationContext(ApplicationContext applicationContext) {
    this.applicationContext = applicationContext;
}

@Bean
public ViewResolver viewResolver() {
    ThymeleafViewResolver resolver = new ThymeleafViewResolver();
    resolver.setTemplateEngine((ISpringTemplateEngine) templateEngine());
    resolver.setCharacterEncoding("UTF-8");
    return resolver;
    }

    @Bean
    public TemplateEngine templateEngine() {
    SpringTemplateEngine engine = new SpringTemplateEngine();
    engine.setEnableSpringELCompiler(true);
    engine.setTemplateResolver(templateResolver());
    return engine;
}

private ITemplateResolver templateResolver() {
    SpringResourceTemplateResolver resolver = new 
  SpringResourceTemplateResolver();
    resolver.setApplicationContext(applicationContext);
    resolver.setPrefix("/WEB-INF/view/");
    resolver.setTemplateMode(TemplateMode.HTML);
    return resolver;
    }

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
}

我的项目结构： 我的项目结构：

样式文件

body{
    background-color:red;
}
.button {
  font-size: 20px;
  background: #ccc;
}

.red-text {
  color: red;
  font-size: 30px;
}

.green-text {
  color: green;
  font-size: 20px;
}

非常感谢！！！

更新： **还更新了 AppConfig 我的结构：带索引文件的结构

萨维核电公司

如果你使用的是spring 'src/main/resource'，那么建议使用，所以请使用神器sprint-sample-mvc来纠正它。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于 2021-07-5

我来说两句

0 条评论

登录后参与评论

上一篇：使用带箭头函数参数的 filter() 方法

Spring Boot：无法从资源加载文件

Spring - 无法加载资源（CSS）

Spring - 无法加载资源（CSS）

Android Studio Kotlin：提取为常量

IE 11中的FormData未定义

计算数据帧R中的字符串频率

如何在R中转置数据

如何使用Redux-Toolkit重置Redux Store

Excel 2016图表将增长与4个参数进行比较

在 Python 2.7 中。如何从文件中读取特定文本并分配给变量

未捕获的SyntaxError：带有Ajax帖子的意外令牌u

OpenCv：改变 putText() 的位置

ActiveModelSerializer仅显示关联的ID

算术中的c ++常量类型转换

如何开始为Ubuntu开发

将加号/减号添加到jQuery菜单

去噪自动编码器和常规自动编码器有什么区别？

获取并汇总所有关联的数据

OpenGL纹理格式的颜色错误

在 React Native Expo 中使用 react-redux 更改另一个键的值

http：// localhost：3000 /＃！/为什么我在localhost链接中得到“＃！/”。

TreeMap中的自定义排序

Redux动作正常，但减速器无效

如何对treeView的子节点进行排序