외국어하자
1k
2019-12-10 22:25:36
2
911

CORS 해결법에 대해서


현재 vue.js로 포폴을 만드는중입니다만 아직도 CORS 해결을 하고있네요...

일단 제가 찾은 방법으로는


1. 크롬 플러그인 설치

2. response.header에 Access-Control-Allow-Origin * 또는 api요청 주소 넣기

3. JSONP

4. npm으로 해결하기


총 4가지 방법을 알고있는데요.

1,3번은 어떻게 받는지 알고 2번이랑 4번중에 2번을 알고싶거든요...

근데 2번처럼 받으려면 node로 코딩을 해야하는건가요??

최대한 axios를 통해 해결하고싶거든요.

이것저것 다 해보는중인데 너무 안되서 질문 올립니다. ㅠㅠㅠ

0
0
  • 답변 2

  • Honowis
    391
    2019-12-11 01:04:44
    Access-Control-Allow-Origin 는 요청 헤더 (request header) 가 아닌 응답 헤더 (response header) 에 적용 되야 하는 값 입니다. 즉 클라이언트의 Axios (XMLhttpRequest) 가 아니라 api 를 적용하는 서버쪽에 적용 되야 한 다는 것이죠.

    도메인이 서로 다른 곳에서 데이터를 요청 시 보안을 하기 위한 기능이므로, 데이터를 요청하는 클라이언트 의 접속을 서버가 Access-Control-Allow-Origin 를 알밎은 세팅으로 헤더에 넣어 전송해 주지 않으면 정상적인 방법으로는 요청이 불가능 합니다.

    Api 를 제공하는 서버 권한이 없다면 api 서비스를 제공하는 곳이 외부 엑세스를 허용하는지 확인해 보세요.
    0
  • 이뉴
    639
    2019-12-11 08:23:38
    nodejs 가 백엔드라면 npm 에서 cors 설치하고 express 인스턴스에 cors 옵션으로 vue 클라이언트에서 요청들어오는 ip랑 port 그리고 모든 method에 대해서 허용으로 하는게 더 간단하게 해결 될 거 같습니다.
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.