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

  • Post author:
  • Post category:其他


问题描述:

项目的静态资源文件放在 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+”/”;

%>

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