IDEA部署Java项目时HTML,CSS等静态资源在网页上显示有问题的解决办法

项目场景:

提示:吐槽以下,IEDA的坑是真的有点小多。。。:
例如:在设计Java Web项目时,导入或者自己写的html文件要么乱码,要么CSS文件引用失效等等,很离谱。


1.部署到tomcat后,网页中文显示乱码

详见这位大佬写的,很nice~。
中文乱码解决方法


2.HTML文件单独运行完美显示,但是部署到tomcat中,却出现了乱码。

1.先来康康单独运行

  1. 右键一个html文件,在浏览器中运行如下,这是我想要的:
    IDEA部署Java项目时HTML,CSS等静态资源在网页上显示有问题的解决办法
  2. 部署到tomcat后,CSS样式设计没有效果,显示如下:

IDEA部署Java项目时HTML,CSS等静态资源在网页上显示有问题的解决办法


2.解决方案:

1.打开Run/Debug Configurations,如下图。
IDEA部署Java项目时HTML,CSS等静态资源在网页上显示有问题的解决办法
2. 说明一下,JavaScript Debug就是我们单独右键运行一个html文件时的Debug环境调用,而我们最终想要的是用下面的tomcat server进行部署。
3. 于是,我们点击tomcat server,选中你项目工程所用的tomcat(我这里是tomcat9),再看右边,勾选那个with JavaScript Debugger,点击右下角的Apply。重新启动tomcat,终于解决了。
IDEA部署Java项目时HTML,CSS等静态资源在网页上显示有问题的解决办法