기록

  • 홈
  • 태그
  • 방명록

이미지 경로 1

vue3 img src 동적 바인딩 (require)

- 문제 컨텍스트 메뉴를 구현하던 중 이미지가 뜨지 않는 문제가 있었습니다. 콘솔 로그를 확인해 보니 정상적으로 불러와진 이미지는 파일명과 확장자 사이에 파일의 내용에 기반한 해시 값이 들어가있었습니다. 이 url을 눌리면 직접 img를 띄울 수 있습니다. *이는 파일의 캐시된 버전을 나타내는 URL입니다. 브라우저는 이 URL을 통해 해당 파일의 최신 버전을 요청하고, 필요한 경우 캐시된 버전을 업데이트합니다. 반면 콘솔로그에 파일을 찾지 못했다는 에러에는 해시값이 빠져 있었습니다. 해시값은 vue에서 자동으로 처리되고 사용자가 제어할 필요 없는데 이게 이루어 지지 않은 것을 보고 src를 주소로 인식하지 못한 것을 확인했습니다. 처음 작성한 코드입니다. {{ subMenu.key }} 번들러는 일반적..

Frontend/vue3 2023.06.16
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (273)
    • Frontend (102)
      • javaScript (29)
      • react (30)
      • vue3 (24)
      • angularjs (2)
      • jquery (4)
      • html (4)
      • css (3)
      • HTTP 통신 (6)
    • gridLib (24)
      • auiGrid (2)
      • agGrid (7)
      • jqGrid (15)
    • Backend (57)
      • JAVA (22)
      • spring (23)
      • spring cloud (MSA) (10)
      • tomcat (2)
    • SQL (19)
      • RDBMS (14)
      • NoSQL (4)
    • python (1)
    • study (42)
      • 클라우드&쿠버네티스 (7)
      • 보안 (6)
      • 알고리즘 문제 풀이 (28)
      • 독서 (0)
      • 네트워크 (1)
    • tool (6)
      • git (5)
    • error (10)
    • 트러블슈팅 (1)

Tag

프로그래머스 dfs bfs, BFS, 2024 데브크루, Python, dfs bfs, 프로그래머스 정렬, KINX, dfs, JavaScript, vue emit, 백준, 프로그래머스, Spring Security, MSA, JWT, softeer, mapper, jqgrid, mybatis, error,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바