SSM练习中访问静态资源时出现中文乱码

在SSM练习时，遇到了静态资源乱码的问题，程序中已经加了字符集过滤器且静态资源中也设置了 meta

img

    <filter>
          <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceRequestEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <param-name>forceResponseEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

而后查了很多资料，试了很多解决方法都无法解决。结果我将 forceEncoding 部分注释掉后发现不再乱码

img

我参考了https://www.cnblogs.com/sogeisetsu/p/12879823.html#scroller-1这篇文章，但把注释放开后依旧乱码
有人知道这部分代码为什么会导致中文乱码吗？还有更好的解决乱码的问题吗？

而且在不注释的情况下仅是前端页面展示会出现乱码，获取到后台数据后的展示正常
页面的操作是点击 查询所有学生 按钮后进行展示

1、注释后的展示效果：

img

2、注释前的展示效果：

img