html相对路径请求服务器资源,用 html 的 base 标签，解决静态资源、请求的相对路径有关问题...

用 html 的 base 标签，解决静态资源、请求的相对路径问题

问题描述：

项目的静态资源文件放在 webapp/resources/目录，有一个jsp 存放在 webapp/something/test.jsp,

在jsp里引用js、css等资源文件，用相对路径的写法是

我把应用发布在app目录下。正常的访问路径应该是:http://localhost:8080/app/resources/js/jquery-1.7.1.js.

在请求这个不在应用根目录下的jsp时: http://localhost:8080/app/something/test.jsp,这个js的地址被解析成：

http://localhost:8080/app/something/resources/js/jquery-1.7.1.js,无法加载。

如果加上“/”，用绝对路径的写法：

js的地址被解析成：

http://localhost:8080/something/resources/js/jquery-1.7.1.js,同样无法加载。

解决办法之一：

这时，我们会在jsp里加上

再访问http://localhost:8080/app/resources/js/jquery-1.7.1.js。正常。

还可以用jtsl：

>

但是，如果用ajax的方式加载一个html(这个html本身引用了一些静态资源)，或者在js里调用一些请求，都需要在请求前加上这个contextpath，很烦人，也很麻烦。

优雅的解决办法：

在

下，加上：

String path = request.getContextPath();

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

%>

然后把所有请求、引用资源的地方，直接使用相对路径即可。