100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > IDEA部署Java项目时HTML CSS等静态资源在网页上显示有问题的解决办法

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

时间:2023-08-03 22:44:50

相关推荐

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

项目场景:

提示:吐槽以下,IEDA的坑是真的有点小多。。。:

例如:在设计Java Web项目时,导入或者自己写的html文件要么乱码,要么CSS文件引用失效等等,很离谱。


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

详见这位大佬写的,很nice~。

中文乱码解决方法


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

1.先来康康单独运行

右键一个html文件,在浏览器中运行如下,这是我想要的:

部署到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布局失效,图片加载不出来都会导致网页布局错乱。(.11.13更新)

解决办法:检查自己所写的静态页面资源引用CSS文件、导入图片的路径是否错误。

./:表示当前文件所在目录

…/:表示当前文件所在目录的上一级目录

…/…/:表示当前文件所在目录的上一级目录的再上一级目录

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。