NPM 쓰면서 CORS에 대해 궁금해서 질문드립니다.
CORS 때문에 자바스크립트에서 fetch가 안되어 문의 드립니다.
어떻게 설정을 해야 되는건지 이해를 못해서 Advanced에 add_header 'Access-Control-Allow-Origin' '*'; 이걸 넣어도 동작을 하지 않습니다 ㅠㅠ
Access to XMLHttpRequest at 'https://' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
도메인 주소는 지우고 올립니다. 콘솔에 저렇게 에러가 나옵니다.
1등
NavyStack 2024.03.06. 14:17
http와 https가 섞인건 아닌지 한번 확인해보실래요?
NavyStack
로컬 vscode에서 html을 실행 했고 해당 video 태그 소스 부분에 https://도메인/video.mp4 이렇게 했습니다. 그러고 나니 위 내용처럼 CORS 에러가 뜹니다.
2등
dbdestroyer 2024.03.06. 16:09
잘은 모르지만 예전에 검색하면서 뚱땅거리다가 어떻게 됐는데 제 경우는
add_header 'Access-Control-Allow-Credentials' 'true' 이거 넣고
add_header 'Access-Control-Allow-Origin' 'http://127.0.0.1:5500' 이렇게 특정하고
<video crossorigin="use-credentials"> 비디오에 이거 넣으니까 됐어요
npm은 아니고 nginx였지만 비슷할까 싶어서요
dbdestroyer
오 감사합니다!
cmt alert