복붙노트

[SPRING] CSS와 이미지를 연결할 수 없습니다.

SPRING

CSS와 이미지를 연결할 수 없습니다.

저는 Spring, Hibernate, JSP 어플리케이션에 대해 연구하고 있습니다. 내 JSP 페이지에서 이미지를 표시하려고합니다. 이미지가 브라우저에 표시되지 않습니다. 또한 CSS를 JSP 페이지에 연결할 수 없습니다.

내 JSP 페이지 :

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body id="page1">
<div class="headerlogo" align="center"><a href=""><img src="images/Logo1.png" alt="" /></a></div>
<div align="center">
    <h1><spring:message code="header.title"/></h1>
    Language :
    <a href="?lang=en_US">English</a>|
    <a href="?lang=sp_SP">Spanish</a>

    <h3>
        <a href="home"><spring:message code="header.gotohome" /> </a>
    </h3>
</div>
</body>
</html>

나는 설정했다.

<http pattern="/images/**" security="none" />
<http pattern="/css/**" security="none" />

내 이미지와 CSS 폴더 용

My Spring Security XML은 다음과 같습니다.

<?xml version="1.0" encoding="UTF-8"?>
<beans:beans xmlns="http://www.springframework.org/schema/security"
    xmlns:beans="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
http://www.springframework.org/schema/security
http://www.springframework.org/schema/security/spring-security-3.1.xsd">


    <http pattern="/images/**" security="none" />
    <http pattern="/css/**" security="none" />

    <http auto-config="true" use-expressions="true">

        <intercept-url pattern="/admin*" access="hasRole('SYS_ADMIN')" />

        <form-login login-page="/login" default-target-url="/role-check"
            authentication-failure-url="/login?error=true" />
        <logout logout-success-url="/login" />

         </http> 

         <authentication-manager> 
        <authentication-provider> 

        <jdbc-user-service data-source-ref="fmsDataSource"  
        users-by-username-query="select USERNAME,PASSWORD, 'true' as enabled from users where USERNAME=?"
        authorities-by-username-query="select u.USERNAME, ur.AUTHORITY from users u, user_roles ur where u.USER_ID = ur.USER_ID and u.USERNAME =? " />
    </authentication-provider>
    </authentication-manager>
</beans:beans>

해결법

  1. ==============================

    1.web.xml 파일에서 다음 매핑을 추가하여이 문제를 해결했습니다.

    web.xml 파일에서 다음 매핑을 추가하여이 문제를 해결했습니다.

    <servlet-mapping>
            <servlet-name>default</servlet-name>
            <url-pattern>*.css</url-pattern>
        </servlet-mapping>
        <servlet-mapping>
            <servlet-name>default</servlet-name>
            <url-pattern>*.js</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>*.png</url-pattern>
        </servlet-mapping>
    

    또한 이미지 src url에 <% = request.getContextPath () %>를 추가하면됩니다.

  2. ==============================

    2.이미지와 동일한 shoult를 위해 JSTL "

    이미지와 동일한 shoult를 위해 JSTL "

    또한 페이지에 추가해야합니다.

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
  3. from https://stackoverflow.com/questions/13221421/not-able-to-link-css-and-images by cc-by-sa and MIT license