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

项目场景：

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

---

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

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

---

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

1.先来康康单独运行

1. 右键一个html文件，在浏览器中运行如下，这是我想要的:
   
2. 部署到tomcat后，CSS样式设计没有效果，显示如下:

---

2.解决方案：

1.打开Run/Debug Configurations，如下图。

2. 说明一下，JavaScript Debug就是我们单独右键运行一个html文件时的Debug环境调用，而我们最终想要的是用下面的tomcat server进行部署。
3. 于是，我们点击tomcat server，选中你项目工程所用的tomcat（我这里是tomcat9），再看右边，勾选那个with JavaScript Debugger，点击右下角的Apply。重新启动tomcat，终于解决了。

3.后面发现上面的解决方法治标不治本，最后终于找到了根本原因，CSS布局失效，图片加载不出来都会导致网页布局错乱。（2020.11.13更新）

解决办法：检查自己所写的静态页面资源引用CSS文件、导入图片的路径是否错误。
./：表示当前文件所在目录
…/：表示当前文件所在目录的上一级目录
…/…/：表示当前文件所在目录的上一级目录的再上一级目录