SpringBoot无法访问静态资源（js、css、image）的问题

最新推荐文章于 2024-02-18 19:19:39 发布

风絮_

最新推荐文章于 2024-02-18 19:19:39 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： java高级文章标签： java springboot 静态资源

本文链接：https://blog.csdn.net/li3455277925/article/details/104065110

java高级专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何创建一个SpringBoot项目，并继承父项目，导入依赖，设置模板引擎Thymeleaf，以及如何正确配置静态资源访问和使用拦截器记录用户访问IP。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景

新建SpringBoot项目，继承父项目，导入依赖。

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.qianyu</groupId>
    <artifactId>demo</artifactId>
    <version>1.0-SNAPSHOT</version>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    </dependencies>
</project>

在/resources/templates/文件夹下，新建index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<h1>index界面</h1>
<script type="application/javascript" src="/js/sayhello.js"></script>
<script>
    hello();
</script>
</body>
</html>

index.html文件里面引入的js文件是/resources/static/js/文件夹下的sayhello.js

function hello() {
    alert('hello')
}

新建Controler

@Controller
public class IndexController {
    @GetMapping("/")
    public String index(){
        return "index";
    }
}

新建启动类，启动SpringBoot程序：

@SpringBootApplication
public class App {
    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}

可见js文件顺利引入：
运行结果

加入拦截器

新建拦截器，作用：打印访问网站的用户的ip地址

@Component
public class LogInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest req, HttpServletResponse res, Object handler) throws Exception {
        System.out.println("ip ：" + req.getRemoteAddr() + " 访问了网站");
        return true;
    }
}

配置拦截器：

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {
    @Autowired
    private LogInterceptor logInterceptor;

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(logInterceptor)
                .addPathPatterns("/**");
    }
}