关于idea中引入css/js等文件的路径问题

在做项目时引入css文件、js文件时老是有点问题,相对路径绝对路径都试了,但是就是不生效。
查了许多人的资料也没找到解决办法。
自己再仔细分析
在网页中查看源代码,点击…/…/css/login.css链接,是空白,说明路径下并没有这个css文件,应该是路径不正确。
再仔细看URL,发现点击链接后的url路径是localhost:8080/css/login.css
这时候想到了,配置Artificts的时候配置了输出路径out,所以把URL改成localhost:8080/out/css/login.css,果然浏览器中看到了css文件的内容。
关于idea中引入css/js等文件的路径问题_第1张图片
所以解决方案有两种了,一是把输出目录改为空,二是在代码中填绝对路径的时候添加上输出目录。
关于idea中引入css/js等文件的路径问题_第2张图片
用我的举例
关于idea中引入css/js等文件的路径问题_第3张图片webApp为项目的根目录,我把输出目录置为/了,所以直接写/css/bootstrap.css
如果我的输出目录还是/out,那么我就写/out/css/bootstrap.css

你可能感兴趣的:(Java学习)