WEB-INF目录下的jsp访问外部的css,js等配置文件

小灰灰 2023-01-13 04:13 124阅读 0赞

### WEB-INF目录下的jsp访问外部的css,js等配置文件 ###

*  1、项目目录结构：
 *  2、解决方案
 *   *  2.1 EL表达式实现
     *  2.2 设置base标签
     *  2.3 实现效果
 *  3、总结
 *   *  3.1 $\{pageContext.request.contextPath\}
     *  3.2 base标签

# 1、项目目录结构： #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUzNzI0_size_16_color_FFFFFF_t_70]  
**我现在要在404.jsp页面访问webapp/commons目录下面的css和js**

# 2、解决方案 #

## 2.1 EL表达式实现 ##

jsp文件头部加上

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@ page isELIgnored="false" %>

使用EL表达式获取项目路径，引用在原路径前面，即可成功访问。

<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>

完整头部如下：

## 2.2 设置base标签 ##

这样设置之后，所有的路径都可以使用相对路径(注意下和第一种在路径上卖弄的区别)

## 2.3 实现效果 ##

可以看到自定义的404页面样式已经生效。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUzNzI0_size_16_color_FFFFFF_t_70 1]

# 3、总结 #

## 3.1 $\{pageContext.request.contextPath\} ##

`${pageContext.request.contextPath}`是JSP取得绝对路径的方法，等价于`<%=request.getContextPath()%>` 。也就是取出部署的应用程序名或者是当前的项目名称

## 3.2 base标签 ##

**base 元素可规定页面中所有链接的基准 URL**  
默认情况下，页面中的链接（包括样式表、脚本和图像的地址）都是相对于当前页面的地址(即:浏览器地址栏里的请求URL)。  
我们可以使用 标签中的href属性来设置，所有的“相对基准 URL”。

参考链接：[https://blog.csdn.net/weixin\_44679651/article/details/105791247][https_blog.csdn.net_weixin_44679651_article_details_105791247]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUzNzI0_size_16_color_FFFFFF_t_70]: /images/20221022/c93659ee2b394e8388a5f05b1431f9b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUzNzI0_size_16_color_FFFFFF_t_70 1]: /images/20221022/97b0bced7fe24747b9620a3be4f92ac7.png
[https_blog.csdn.net_weixin_44679651_article_details_105791247]: https://blog.csdn.net/weixin_44679651/article/details/105791247