springmvc controller跳转后jsp页面无法加载静态资源css,图片等错误解决方法

spring的controller做的跳转页面,后台控制前台跳转页面,发现跳转后的页面,静态资源css,js以及图片等在jsp里面引用的配置,都没有加载出来。

我用的bootstrap写的前台,经过检查DispatcherServlet,mvc:resources,配置没有出错后,发现自己的jsp页面是先开始写的html页面,直接修改的jsp文件,马上检查文件哪里没有写,果然忘了加上下面这个代码

<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
  
<base href="<%=basePath%>">

这段代码是为了保证,静态资源的配置可以写相对路径,不用写绝对路径

 

request.getSchema()可以返回当前页面使用的协议,http 或是 https;

request.getServerName()可以返回当前页面所在的服务器的名字;

request.getServerPort()可以返回当前页面所在的服务器使用的端口,就是80;

request.getContextPath()可以返回当前页面所在的应用的名字;

 

这个是修改了跳转后访问页面的路径的代码,

就是这个base href,官方解释这个标签的意思:href 属性规定页面中所有相对链接的基准 URL。

 

我的文件是在ssm1/web-inf/static/css/bootstrap.min.css下面

我配置了静态资源配置

<mvc:resources location="static/css/" mapping="/css/**" cache-period="31556926"/>

所以资源的引用绝对路径变成了ssm1/web-inf/css/bootstrap.min.css

 

jsp中是这样写的css引用

<link href="css/bootstrap.min.css" rel="stylesheet">

没有加上上面那行代码,我直接从controller跳转,这是跳转后的路径

http://127.0.0.1:8080/ssm1/user/login

查看源代码

image

css引用代码是这样的路径http://127.0.0.1:8080/ssm1/user/css/bootstrap.min.css

点击是找不到文件的

 

加上那段代码   跳转后的 路径一样

http://127.0.0.1:8080/ssm1/user/login

查看源代码

image

看看多了什么

css引用的代码是这样的路径http://127.0.0.1:8080/ssm1/css/bootstrap.min.css

点击路径直接打开了bootstrap.min.css文件

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值