Product게시판 이미지에 대해서
366
작성한 질문수 34
토큰적용 후 발생하는 현상에 대해서 질문드립니다.
Product게시판에 이미지에 경우, 아래와 같이 표시가되는데요 이때 토큰을 헤더에 설정 되어있지않기떄문에 {"error":"ERROR_ACCESS_TOKEN"}가 발생합니다.
jwtAxios를 사용하여 처리는 가능할듯한데 문제는 결과값이 문자열로 되돌아와서 이미지표시가 좀 힘들어보이고 어떻게 처리해야할지 모르겠습니다.
이런경우 어떠한방식으로 처리하는게 좋을까요?
src={`${host}/api/products/view/s_${product.uploadedFileNames[0]}`}답변 2
0
네.. 상품쪽은 강의에서 JWT가 처리되어야만 정상적으로 작동합니다. 예제에서는 로그인한 사용자들만이 상품관련 기능등을 사용할 수 있다고 가정했으니까요..
질문하신 내용은 서버에서 이미지 데이터를 가져오는데 뭔가 에러를 처리하고 싶은 상황이라고 생각하는데요..
그럼 Axios에서 BLOB데이터를 가지고 와서 이미지 태그를 생성하는 방식으로 처리하면 됩니다.
별도의 컴포넌트를 하나 만들어서
axios 의 repsonseType을 blob으로 지정하고 결과 데이터를 문자열로 저장한 후에 img의 src속성값으로 지정하는 방식입니다.
axios blob 라는 이름으로 검색하면 필요한 예제를 찾으실 수 있을 겁니다.
0
답변감사합니다. 에러처리에 대한 내용은 아니구요 '리덕스 툴킷'파트에서 Refresh 토큰을 이용한 Access 토큰 자동 갱신 회차까지 보았는데요 Product게시판으로 이동하면 이미지가 보이질 않아서 질문드려봤습니다.
2
JWTCheckFilter에 이미지 경로들은 패스할 수 있도록
//이미지 조회 경로는 체크하지 않는다면
if(path.startsWith("/api/products/view/")) {
return true;
}이 있는지 확인해 주세요
상품이 등록되면 upload 폴더 내에 저장되는데 폴더 내 파일들과 데이터베이스내에 상품 이미지 파일들이 존재해야 합니다.
상품이미지가 보이지 않는다면 '새 탭에서 이미지 열기'를 선택해서 경로를 확인해 주세요
해당 경로의 링크가
와 같은 방식으로 나오는지 확인하시고 upload폴더에 동일한 파일이 있는지를 확인해 주세요
동일하게 실습하는데 이상하게 페이지를 찾지 못하네요..
0
74
2
22. REST 방식 컨트롤러 만들기(2), 29. 등록처리 부분 질문이 있습니다.
0
74
2
37강. 강의수업듣다 질문드립니다.
0
57
2
TodoDTO test 함수
0
80
3
강사님 오타 있음요
0
78
2
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
95
4
No 1. 교제(ppt) soruce 복붙 문제 의 건
0
70
3
17강 문의드립니다.
0
44
1
카카오 연동설정이 이제 안되는거 같아요
0
190
2
8장 마지막 강의 시 오류
0
98
4
혹시 뭐가 문제인지 알 수 있나요?
0
87
2
챕터: React-Router 설정
0
58
2
백)TODO관련
0
56
2
마리아 db 설치중 포트를 이미 사용중이라고 합니다
0
112
2
이강의 듣고 소화시켰다면 몇년차 정도 개발자라고 할수 있을까요?
0
105
1
CSR , SSR 의 수요 궁금증 질문
0
83
2
섹션5부터...
0
73
1
간단한 코드 질문!!
0
61
2
tbl_todo 질문입니다
0
65
2
수업 외 질문인데 'tbl'이 무슨 의미인가요???
0
292
2
엔티티클래스에서 질문입니다
0
78
2
수정시 writer값이 삭제되는 오류
0
42
2
교안 31 오타 수정해주세요
0
64
2
쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined
0
80
1