欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-22 09:47:21
项目场景:提示:吐槽以下,IEDA的坑是真的有点小多。。。:例如:在设计Java Web项目时,导入或者自己写的html文件要么乱码,要么CSS文件引用失效等等,很离谱。1.部署到tomcat后,网页中文显示乱码详见这位大佬写的,很nice~。中文乱码解决方法 2.HTML文件单独运行完美显示,但是部署到tomcat中,却出现了乱码。1.先来康康单独运行右键一个html文件,在浏览器中运行如下,这是我想要的:部署到tomcat后,CSS样式设计没有效果,显示如下:2.解决...

项目场景:

提示:吐槽以下,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等静态资源在网页上显示有问题的解决办法

本文地址:https://blog.csdn.net/qq_47119231/article/details/109637553