JSP界面引用JS文件展示乱码问题

一、IDEA设置项目编码为UTF-8

点击左上角 FIle，进入settings设置界面

二、过滤器设置请求内容编码和响应编码

public void doFilter(ServletRequest request, ServletResponse response,
      FilterChain chain) throws IOException, ServletException {
   request.setCharacterEncoding("UTF-8");
   response.setCharacterEncoding("UTF-8");
}

 三、Tomcat设置server.xml文件编码

四、Tomcat设置web.xml  JSP、JS文件加载编码（我是加在了最后边）

<jsp-config>

        <jsp-property-group>

            <display-name>HtmlConfiguration</display-name>

            <url-pattern>*.html</url-pattern>

            <page-encoding>UTF-8</page-encoding>

        </jsp-property-group>

        <jsp-property-group>

            <display-name>JspConfiguration</display-name>

            <url-pattern>*.jsp</url-pattern>

            <page-encoding>UTF-8</page-encoding>

        </jsp-property-group>

        <jsp-property-group>

            <display-name>JsConfiguration</display-name>

            <url-pattern>*.js</url-pattern>

            <page-encoding>UTF-8</page-encoding>

        </jsp-property-group>

    </jsp-config>