어디
40
2020-05-13 17:22:37
8
609

스프링부트 css 적용


스프링부트에 부트스트랩을 적용시키려고 합니다.






pom.xml에 부트스트랩 디펜던시 추가하고 메이븐 업데이트까지 했습니다.

classpath를 static으로도 바꿔봤는데 안됩니다ㅠㅠ



현재 에러는 이렇게 나고 있는 상황이고 css랑 js를 불러오지 못하고 있는 상황입니다...

간단한 문제겠지만 구글링해도 해결할 수가 없습니다ㅠㅠ

0
  • 답변 8

  • 포포핀
    1k
    2020-05-13 18:00:29

    resources 를 루트디렉토리로 했으면 url에 resources는 빼야됩니다.

  • 어디
    40
    2020-05-13 21:46:55 작성 2020-05-13 21:47:14 수정됨

    포포핀



    답변 감사합니다.

    하지만 resources를 빼도 적용이 안됩니다ㅠㅠ

  • 포포핀
    1k
    2020-05-14 10:05:27

    static resource 프로퍼티 삭제한 후에

    <link  href="/assets/vender/***.css"> 이렇게 해보세요

    그래도 403 에러 뜨면 스프링 시큐리티 확인하고

    .antMatchers("/css/**", "/js/**").permitAll()

    적용해보세요

  • 어디
    40
    2020-05-14 14:24:41


    다시 답변 달아주셔서 정말 감사합니다.


    적용해보고 경로도 여러차례 바꿔서도 시도해봤는데

    위와 같은 에러가 나타나고 있습니다.

    구글링해서 이것저것 해보고 있지만 아직 안되네요...

  • 포포핀
    1k
    2020-05-14 15:20:51

    unexpected token 클릭하시면 해당 오류 라인 볼수있을거에요. 단순 문법오류에요

    그리고 관리자도구 > network 들어가서 해당 css 응답 status하고 주소 확인해보세요

  • 어디
    40
    2020-05-14 16:16:59



    오류라인과 네트워크 확인해봤습니다.

    css 응답은 잘 받았는데... 주소에 어떤 문제가 있는지 모르겠습니다ㅠㅠㅠ

  • 포포핀
    1k
    2020-05-14 16:28:28

    200 나오면 제대로 불러온겁니다. html 코드에 오류가 있는거 같은데요

  • 어디
    40
    2020-05-14 21:52:21

    포포핀님


    에러는 해결하지 못했지만 계속 답변 달아주셔서 정말 정말 감사합니다!

    포포핀님 덕분에 즐겁게 개발공부하는 시간이 됐습니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.