이미지 태그에 api서버의 이미지 경로를 주었다.
하지만 콘솔창에
net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin
이에러가 찍히면서 이미지가 안나오는 것이었다.
url에 직접 주소를 쳐보니 정상적으로 나오는 것을 확인하였고,
검색을 해보니 다른 출처로부터 리소스를 가져오려면 따로 백엔드쪽에 설정을 해야 했다.
나는 express를 사용하고있었고, helmet을 통해 설정을 해주었다.
app.use(helmet.crossOriginResourcePolicy({ policy: 'cross-origin' }));
이런식으로 해주니 정상적으로 이미지가 나타나는 것을 볼 수 있었다.
'node.js' 카테고리의 다른 글
[express] 프로젝트 배포 후 res.clearCookie로 쿠키 삭제 안되는 이슈 (0) | 2023.06.26 |
---|---|
[Node.js] express 사용중 html파일에서 외부 js파일 불러오기 (0) | 2023.06.26 |
[express] 서로 다른 도메인 쿠키 공유 (Vercel에서 가비아 도메인 설정) (0) | 2023.06.24 |
[MariaDB] MariaDB 클라우드타입에 배포하고 sequelize와 연결하기 (0) | 2023.06.24 |
Node.js 설치 및 LTS버전과 Current버전 (0) | 2023.06.21 |