spring框架,从后台controller返回到页面的时候没有加载CSS、JS文件

博客指出从Java后台controller直接返回jsp页面时,页面样式丢失,F12查看发现css和js文件报404错误,原因是文件路径错误。解决办法是在页面修改引入的js和css等文件的地址,加上项目地址。最后总结要善于分析报错信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.问题描述

从后台controller直接return到jsp页面,就像这样:return “/bolg/index.jsp”,发现可以访问这个controller的时候可以顺利的进入页面,但是该页面的所有样式都没了。F12查看页面报错,一大推css和js文件的报错,且报错信息都是404。404代表没有找到该文件,这种大概率是文件的路径错了。将鼠标放到报错的文件上面显示的路径果然不是正确的路径,正确的路径应该是:localhost:8080/文件地址。最简单的验证办法是直接在浏览器地址栏中输入css或者js文件路径,如果可以打开则代表路径正确。

2.解决办法

既然找到问题,解决起来就容易了。报错信息显示路径错误,那么就在页面修改引入的js和css等文件的地址就好了。在文件前加上项目地址就好。
项目地址:

String basePath = request.getScheme()+"://"+request.getServerName+":"+getServerPort()+request.getContextPath();

例如:
<link rel="stylesheet" href="<%=basePath%>/css/style.css">

3.总结

1.要善于去分析报错信息
2.从后台controller访问前端页面,文件的引入最好还是写上面这种地址吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值