thymeleaf로 스프링 부트에서 이미지를로드하는 방법은 무엇입니까?

jkfe

스프링 부트 애플리케이션에서 html 파일로 이미지를 간단히 표시하고 싶습니다.

그러나 어떤 이유로 특정 응용 프로그램에서 작동하도록 할 수 없습니다.

다른 응용 프로그램에서 똑같은 방식으로 작동하도록 할 수 있기 때문에 "하나의 특정 응용 프로그램"이라고 말합니다.

이것이 방법입니다.

폴더에 tempLogo.jpg를 배치했습니다 /src/main/resources/static/images.

src / main / resources / templates / home.html에서 :

<img src="images/tempLogo.jpg"></br>
<img src="/images/tempLogo.jpg"></br>
<img th:src="@{/images/tempLogo.jpg}"></br>
<img th:src="@{images/tempLogo.jpg}"></br>

이 중 어느 것도 app1에서 작동하지 않았습니다. 이들 모두는 동일한 코드와 경로로 app2에서 작동했습니다.

흥미롭게도 app1에서 다음과 같이 / static 폴더의 .css 및 .js 파일에 성공적으로 액세스 할 수 있습니다.

<link rel="stylesheet" type="text/css" href="/css/styles.css"/>
<script src="/scripts/scripts.js"></script>

아래에 있습니다.

/src/main/resources/static/css

/src/main/resources/static/scripts

내가 말했듯이 정확한 경로와 코드가 작동하는 app2에서 무슨 일이 일어나고 있는지 확실하지 않습니다.

jkfe

몇 가지 파헤 치기 후 문제는 이미지 폴더에 대해 Spring 보안이 활성화되지 않았다는 것입니다. 그래서 web.ignoring().antMatchers("/images/**");WebSecurityConfigurerAdapter를 확장하는 클래스의 구성 메소드에 추가 되었으며 작동했습니다.

@Override
    public void configure(WebSecurity web) throws Exception {
        web.ignoring().antMatchers("/css/**");      
        web.ignoring().antMatchers("/scripts/**");
        web.ignoring().antMatchers("/images/**");
    }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

데이터베이스에서 HTML로 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

자바 프로젝트의 리소스 / 이미지 폴더에서 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

Kivy : for 루프로 목록에서 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

Calligra Flow의 드로잉에서 스텐실 이미지를 드래그하는 방법은 무엇입니까?

분류에서Dev

R에서 리디렉션 된 이미지 링크를 다운로드하는 방법은 무엇입니까?

분류에서Dev

WPF 프로젝트에서 절대 경로로 이미지를 사용하는 방법은 무엇입니까?

분류에서Dev

Gatsby + Contentful + Netlify-프로덕션에서 tracedSVG 이미지를 렌더링하는 방법은 무엇입니까?

분류에서Dev

Kotlin Compose 데스크톱에서 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

AngularJs : 다른 서비스에 이미지를 업로드하는 방법은 무엇입니까?

분류에서Dev

양식에서 미디어 라이브러리 워드 프레스로 업로드 된 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

Facebook 프로필 텍스트 상자에 링크를 복사하여 페이지 제목, 이미지 등을 공유하는 방법은 무엇입니까?

분류에서Dev

프론트 엔드 (reactjs)에서 백엔드 (nodejs)로 이미지를 전달하고 Firebase 저장소에 업로드하는 방법은 무엇입니까?

분류에서Dev

메시지를 현지화하기 위해 로컬에서 스프링 부트로 전환하는 방법은 무엇입니까?

분류에서Dev

DreamFactory : 파일 서버에 이미지를 업로드하고 데이터베이스에 이미지 경로를 저장하는 방법은 무엇입니까?

분류에서Dev

헤드리스 노드에서 CUDA 코드를 프로파일 링하는 방법은 무엇입니까?

분류에서Dev

Xamarin에서 텍스트 및 이미지로 ListView를 만드는 방법은 무엇입니까?

분류에서Dev

이미지를 강제로 다운로드하는 이미지에 대한 HTML 링크를 만드는 방법은 무엇입니까?

분류에서Dev

프로젝트의 폴더에서 CollectionView에 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

업로드 된 이미지에 CSS 클래스를 적용하는 방법은 무엇입니까?

분류에서Dev

다른 Maven 프로젝트에서 스프링 리소스를 가져 오는 방법은 무엇입니까?

분류에서Dev

texplot 이외의 R에서 텍스트를 이미지로 변환하는 방법은 무엇입니까?

분류에서Dev

Android 프로젝트에서 여러 이미지 / 비디오를 선택하는 방법은 무엇입니까?

분류에서Dev

웹 프로젝트에서 이미지를 반환하는 방법은 무엇입니까?

분류에서Dev

부트 스트랩 회전식 이미지를 반응 형으로 만드는 방법은 무엇입니까?

분류에서Dev

PHP에서 이미지를 업로드하는 방법은 무엇입니까?

분류에서Dev

WPF에서 이미지 컨트롤에 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

C #에서 Selenium의 Saucelabs 테스트에서 웹 페이지에 이미지를 업로드하는 방법은 무엇입니까?

분류에서Dev

스프라이트를 배경 이미지로 설정하는 방법은 무엇입니까?

분류에서Dev

텍스트로 이미지를 가로로 중앙에 배치하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    데이터베이스에서 HTML로 이미지를로드하는 방법은 무엇입니까?

  2. 2

    자바 프로젝트의 리소스 / 이미지 폴더에서 이미지를로드하는 방법은 무엇입니까?

  3. 3

    Kivy : for 루프로 목록에서 이미지를로드하는 방법은 무엇입니까?

  4. 4

    Calligra Flow의 드로잉에서 스텐실 이미지를 드래그하는 방법은 무엇입니까?

  5. 5

    R에서 리디렉션 된 이미지 링크를 다운로드하는 방법은 무엇입니까?

  6. 6

    WPF 프로젝트에서 절대 경로로 이미지를 사용하는 방법은 무엇입니까?

  7. 7

    Gatsby + Contentful + Netlify-프로덕션에서 tracedSVG 이미지를 렌더링하는 방법은 무엇입니까?

  8. 8

    Kotlin Compose 데스크톱에서 이미지를로드하는 방법은 무엇입니까?

  9. 9

    AngularJs : 다른 서비스에 이미지를 업로드하는 방법은 무엇입니까?

  10. 10

    양식에서 미디어 라이브러리 워드 프레스로 업로드 된 이미지를 추가하는 방법은 무엇입니까?

  11. 11

    Facebook 프로필 텍스트 상자에 링크를 복사하여 페이지 제목, 이미지 등을 공유하는 방법은 무엇입니까?

  12. 12

    프론트 엔드 (reactjs)에서 백엔드 (nodejs)로 이미지를 전달하고 Firebase 저장소에 업로드하는 방법은 무엇입니까?

  13. 13

    메시지를 현지화하기 위해 로컬에서 스프링 부트로 전환하는 방법은 무엇입니까?

  14. 14

    DreamFactory : 파일 서버에 이미지를 업로드하고 데이터베이스에 이미지 경로를 저장하는 방법은 무엇입니까?

  15. 15

    헤드리스 노드에서 CUDA 코드를 프로파일 링하는 방법은 무엇입니까?

  16. 16

    Xamarin에서 텍스트 및 이미지로 ListView를 만드는 방법은 무엇입니까?

  17. 17

    이미지를 강제로 다운로드하는 이미지에 대한 HTML 링크를 만드는 방법은 무엇입니까?

  18. 18

    프로젝트의 폴더에서 CollectionView에 이미지를 추가하는 방법은 무엇입니까?

  19. 19

    업로드 된 이미지에 CSS 클래스를 적용하는 방법은 무엇입니까?

  20. 20

    다른 Maven 프로젝트에서 스프링 리소스를 가져 오는 방법은 무엇입니까?

  21. 21

    texplot 이외의 R에서 텍스트를 이미지로 변환하는 방법은 무엇입니까?

  22. 22

    Android 프로젝트에서 여러 이미지 / 비디오를 선택하는 방법은 무엇입니까?

  23. 23

    웹 프로젝트에서 이미지를 반환하는 방법은 무엇입니까?

  24. 24

    부트 스트랩 회전식 이미지를 반응 형으로 만드는 방법은 무엇입니까?

  25. 25

    PHP에서 이미지를 업로드하는 방법은 무엇입니까?

  26. 26

    WPF에서 이미지 컨트롤에 이미지를로드하는 방법은 무엇입니까?

  27. 27

    C #에서 Selenium의 Saucelabs 테스트에서 웹 페이지에 이미지를 업로드하는 방법은 무엇입니까?

  28. 28

    스프라이트를 배경 이미지로 설정하는 방법은 무엇입니까?

  29. 29

    텍스트로 이미지를 가로로 중앙에 배치하는 방법은 무엇입니까?

뜨겁다태그

보관