JSP文件中加载JS和CSS文件出错两大问题

• 路径问题

• 过滤器问题

先看一下我的项目框架

1.路径问题

•      加上${pageContext.request.contextPath}

<!-- CSS路径 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/style.css">

<!-- JS路径 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/1.js"/>

•    直接使用http://localhost:8080/

<link rel="stylesheet" type="text/css" href="http://localhost:8080/JWGL/static/css/login.css">

<script type="text/javascript" src="http://localhost:8080/JWGL/static/js/1.js"></script>

•   先在head前加上第一部分代码，再加上第二部分的。

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

<link rel="stylesheet" type="text/css" href="<%= basePath%>/JWGL/static/css/login.css">

<script type="text/javascript" src="<%= basePath%>/JWGL/static/js/1.js"></script>

 

2.过滤器问题

   首先查看一下web.xml里是否配置了过滤器。

如果有，在web.xml加入下面这串代码（因为“/”会将下面所有的东西，包括CSS和JS）：

<!-- static resources -->  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.css</url-pattern>  
    </servlet-mapping>  
  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.gif</url-pattern>  
  
    </servlet-mapping>  
  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.jpg</url-pattern>  
    </servlet-mapping>  
  
    <servlet-mapping>  
        <servlet-name>default</servlet-name>  
        <url-pattern>*.js</url-pattern>  
    </servlet-mapping>