jsp中引入外部js文件发生乱码问题

jsp中引入外部js文件发生乱码问题

今天在写项目的时候，有一张jsp页面引入了外部的js文件，但是在展示页面的时候发生了乱码问题，在这里记录一下解决过程。
乱码如下：

对应的js代码是这样的：

如上图，所有在js文件中展示的中文都会出现乱码问题，但是我jsp页面和js文件都是使用utf-8编码格式的，按道理不应该会出现乱码问题。

百度了很多种解决方案，比如引入js的时候设置charset:

设置jsp的contentType

或者是极端的将文件代码复制到一张新的文件中，保存的时候选择utf-8的编码格式：

但是一律都不起作用。

最后在一个论台中找到了一窜代码，把它复制到web.xml中后发现问题解决了。

代码如下

<web-app>
	....
    <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>
	....
</web-app>

但是还是没有搞清除究竟是为什么，希望对遇到相同问题的小伙伴有帮助。