关于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文件的内容。
在这里插入图片描述
所以解决方案有两种了,一是把输出目录改为空,二是在代码中填绝对路径的时候添加上输出目录。
在这里插入图片描述
用我的举例
在这里插入图片描述webApp为项目的根目录,我把输出目录置为/了,所以直接写/css/bootstrap.css
如果我的输出目录还是/out,那么我就写/out/css/bootstrap.css

  • 18
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值