그 동작을 보여주는 몇 가지 코드 예제를 제공할 수 있습니까? 어떤 기본 헤더를 설정 해제하려고 합니까?

axios.defaults.headers.common['Content-Type'] = 'application/json' 설정하면 개별 요청에 대해 해당 헤더를 설정 해제할 수 없으며 다른 값으로만 ​​설정할 수 있습니다.

헤더 설정을 해제하려고 시도한 방법은 무엇입니까? 이와 같은 것을 사용합니까?

axios.request('/path', {
  headers: {
    'Content-Type': null
  }
});

예. 작동하지 않았다

제 예제에서 method 를 놓친 것을 죄송합니다. 그것이 작동하지 않는 원인이 될 수 있습니까?

방법도 설정해 보았습니다. undefined 값에 주의를 기울이지 않는 어딘가의 Object.assign() 와 관련이 있다고 생각합니다.

@tyrsius 어떤 버전의

참고로 내 테스트는 다음과 같습니다.

it('should remove default headers when config indicates', function (done) {
  var instance = axios.create();
  instance.defaults.headers.common['Content-Type'] = 'application/json';

  instance.post('/foo/bar/', {
    firstName: 'foo',
    lastName: 'bar'
  }, {
    headers: {
      'Content-Type': null
    }
  });

  getAjaxRequest().then(function (request) {
    testHeaderValue(request.requestHeaders, 'Content-Type', null);
    done();
  });
});

나도이 문제가 있었다.
'공통'에서 '승인' 헤더를 제거하려고 하지만 작동하게 만드는 유일한 방법은 axios.defaults.header에서 속성을 삭제하고 요청한 다음 속성을 다시 추가하는 것입니다. 다시.
때 쉬울 것입니다 이 버그가 수정됩니다

이것은 또한 나에게 문제입니다(axios v0.14.0 사용). 특히 Access-Control-Allow-Headers 를 사용하는 엔드포인트의 경우 이 경우 특정 헤더가 요청과 함께 전송되지 않았는지 확인해야 합니다.

나는 버전 15.2를 사용하고 있는데 언제

headers: {
      'Content-Type': null
    }

헤더 값을 null로 설정합니다. 하지만 헤더 이름을 완전히 제거해야 합니다.

예를 들어 s3를 사용하고 버킷에 파일을 게시하기 위해 미리 서명된 URL을 생성할 때 Authenticate 헤더를 가질 수 없습니다. 하지만 대부분의 요청에 내 API가 필요하기 때문에 기본 권한 부여가 설정되어 있습니다.

이 문제를 해결하는 방법은 다음을 수행하는 것입니다.

    var instance = axios.create();
    instance.defaults.headers.common = {};

    instance.put(signedUrl, file, {headers: {'Content-Type': file.type}})
        .then(function (result) {
            console.log(result);
        })
        .catch(function (err) {
            console.log(err);
        });

편집: 예상대로 작동하지 않습니다. 문제는 헤더를 지울 때

instance.defaults.headers.common = {};

글로벌 수준에서 제거합니다. 인증용 헤더를 사용하면 로그아웃됩니다.

전역 구성을 처리하는 더 나은 방법이 있을 때까지 이 문제를 해결하려면 모든 호출에 필요한 헤더를 전달하는 것이 이상적이지 않습니다.

545

나는 같은 문제가 있었지만 다음으로 해결되었습니다.

delete axios.defaults.headers.common["Authorization"]; // or which ever header you have to remove

@SepiaGroup과 같은 정확한 상황이 있습니다.
null 및 '' 로 덮어쓰려고 했지만 AWS에서 null 를 내 권한으로 보고 불평합니다.
인스턴스에서 삭제하려고 시도했지만 내 권한 부여가 전역적으로 삭제되어 내 서버에서 403을 얻습니다.

내 해결 방법은 이전 XHR 을 사용하는 것이지만 슬프게 만듭니다.

+1 또한 특정 호출에 대한 기본 헤더를 지울 수 없는 문제가 있습니다.

+1

+1

최신 버전(0.16.2)에서도 이 동작이 나타납니다. 슬픔이 이어집니다 :(

그냥 삭제

delete instance.defaults.headers.common.Authorization
````

the way below is not working.
----
I think we could create a logout method that recreate the axios instance to replace the old one.

인스턴스 = axios.create({옵션})

함수: 로그아웃() {
인스턴스 = axios.create({옵션})
}
```

@lzp4ever 대부분의 경우 작동할 것으로 예상합니다. 그러나 누군가가 요청 및 응답 인터셉터를 추가했거나 단순히 구성 옵션을 전달하는 것 이상으로 더 많은 인스턴스 구성을 수행한 경우 접근 방식이 모든 것을 다시 수행해야 하지 않을까요?

@axelgenus 의 솔루션이 더 깨끗하고 특정 사용자 정의 헤더를 제거하려는 전체 Axios 인스턴스의 "재설정"이 덜

속성을 삭제하지 않고 기본 헤더를 보낼 수 없는 것이 좋을 것입니다 :)

+1

+1

+1. 인스턴스에 대한 헤더를 제거할 수 없다는 것은 슬픈 일인 것 같습니다. 이는 모든 인스턴스에 전역 변수에 대한 참조가 있음을 의미합니다.

+1

+1

+1 이 문제를 해결하세요.

+1

+1

+1

우리는 같은 문제에 봉착합니다. 우리가 구축하는 대부분의 프런트 엔드 앱은 여러 Rest 웹 서비스를 사용해야 합니다. 보안 헤더를 선택 해제할 수 없다는 것은 우리에게 큰 문제입니다.

+1

+1

헤더, 데이터 및 메소드와 함께 특정 요청 객체에 대해 다음을 시도하십시오.
transformRequest(data, headers) { delete headers.common.Authorization; return data; }

이것을 시도하면 내 문제가 해결됩니다.

삭제 axios.defaults.headers.common["승인"]; // 그리고 자신만의 헤더를 생성

@mukeshyadav 해당 솔루션은 이 스레드에서 여러 번 더 언급되었습니다.

요점은 이것이 반드시 이상적인 솔루션은 아니라는 것입니다. Axios 인스턴스에 사용자 정의 요청/응답 인터셉터를 추가했지만 다른 곳에서 사용되는 헤더를 포함하지 않으려는 특정 요청이 있는 시나리오를 상상해 보십시오. 헤더를 삭제하고 다음에 다시 추가해야 합니다. 요청이 완료되었습니다.

반대로, 상대적으로 쉽게 Axios 인스턴스를 복제하여 이러한 유형의 일회성 사례에 사용할 수 있는 방법이 있는지 궁금합니다.

+1

transformRequest: [(data, headers) => {
    delete headers.common.Authorization
    return data
}]

나를 위해 작동

@aaronatmycujoo 여기에서 가장 섹시한 솔루션인 것 같습니다. 그러나 그러한 헤더를 삭제하면 체인의 상위 Axios 인스턴스에서 헤더가 제거되는지 궁금합니다. headers 복사본을 만들어야 할 수 있습니다.

나는 그것을 테스트해야합니다.

내가 말할 수있는 것은 그렇지 않습니다. 내가 촉발하지 않는 극단적 인 경우가있을 수 있지만

@SepiaGroup 요청 전체에 헤더를 추가할 필요가 없습니다... 이렇게 하세요.

axios.defaults.headers.common = {};
axios.defaults.headers.common.accept = ‘application/json’;

그리고 요청 헤더에는 'application/json'만 표시됩니다.

+1 감사합니다 @axelgenus ur 솔루션이 작동했습니다

+1

@aaronatmycujoo FTW!!! 그의 솔루션은 매력처럼 작동했습니다 ... ty!

S3에 파일을 업로드하려고 할 때 동일한 문제에 직면했습니다(하나의 인증 메커니즘만 허용).
@SepiaGroup 에서 솔루션을 시도했지만 다음 모든 인스턴스에 대해 전역적으로 인증 헤더도 제거합니다.(
@aaronatmycujoo 이 솔루션은 저에게 완벽하게 작동합니다! 🎉
내 하루를 구해주셔서 감사합니다!

+1

+1

+1

axios.defaults.headers.common = {};
axios.defaults.headers.common.accept = ‘application/json’;

나를 위해 잘 작동합니다!

이것이 일반적인 지식인지 확실하지 않지만 삭제할 수 없는 "금지된 헤더" 세트가 있습니다.

• Accept-Charset
• Accept-Encoding
• Access-Control-Request-Headers
• Access-Control-Request-Method
• Connection
• Content-Length
• Cookie
• Cookie2
• Date
• DNT
• Expect
• Host
• Keep-Alive
• Origin
• Referer
• TE
• Trailer
• Transfer-Encoding
• Upgrade
• Via

오류

TypeError: 정의되지 않았거나 null을 개체로 변환할 수 없습니다.

delete axios.defaults.headers.cummon["Authorization"];

@putu-eka-mulyana 오타가 있습니다. 또한 이러한 문제를 보고하기에 잘못된 곳이라고 생각합니다.

delete axios.defaults.headers.common["Authorization"];

+1, 콘텐츠 유형에서 문자 집합을 제거합니다.

+1, 단 하나의 요청에 대한 인증 헤더 제거, 명시적으로 삭제하지 않고 요청 구성 객체를 가져옵니다. 단지 undefined 또는 null과 같은 일부 값을 전달하는 것입니다.

+1, 단 하나의 요청에 대한 인증 헤더 제거, 명시적으로 삭제하지 않고 요청 구성 객체를 가져옵니다. 단지 undefined 또는 null과 같은 일부 값을 전달하는 것입니다.

내 PUT 요청 전에 OPTION 요청이 있으므로 @aaronatmycujoo 의 transformRequest 솔루션이 내 OPTION 요청에 대해 작동했지만 Authorization 헤더는 여전히 내 PUT 요청에 적용되었습니다.

궁극적으로 내 인증 헤더가 인증 인스턴스에만 적용되도록 인증 대 공개 요청에 대해 별도의 인스턴스를 만들었습니다.

// do not configure auth header
export const publicAxios = axios.create(...)

// configure auth header
export const authAxios = axios.create(...)

// no auth header present for public instance
publicAxios.put(...)

@rizen PR @codeclown에 의해 # 1845 전달하여 반환하기 헤더를 허용 것이다 null . 이렇게 하면 문제가 해결됩니까?

@rizen PR @codeclown에 의해 # 1845 전달하여 반환하기 헤더를 허용 것이다 null . 이렇게 하면 문제가 해결됩니까?

네

정말 긴 여정입니다. #1845가 하루 빨리 병합되기를 바랍니다.

transformRequest: [(data, headers) => {
    delete headers.common.Authorization
    return data
}]

axios 문서에서:

> 요청 메소드 'PUT', 'POST', 'PATCH' 및 'DELETE'에만 적용됩니다.

나는 다소 비슷한 상황에 처해 있지만 GET 요청이 있습니다.

1. 헤더가 Authorization: Bearer mytoken GET http://www.saasserviceprovider.com/notpublicapi

1. AWS S3 엔드포인트로 리디렉션합니다. 리디렉션 URL에 X-Amz-Signature=blahblahblah 쿼리 문자열이 추가되었습니다.

2. AWS S3는 다음 두 가지 인증으로 인해 호출을 거부합니다.

   • 헤더: Authorization bearer token
   • 쿼리 문자열: X-Amz-Signature=blahblahblah

transformRequest , transformResponse , axios.interceptors.request , axios.interceptors.response 둘 다 내가 프로세스에 자신을 주입하고 승인 헤더를 일시적으로 제거할 수 있는 것 같지 않습니다. AWS S3로 리디렉션 - 리디렉션 후에 들어갈 수 있다면 delete headers.Authorization 효과를 낼 수 있습니다.

요청 api/postman/etc와 동일한 호출이 작동합니다.

"해결 방법":

이것은 추악하고 비효율적인 스팀 POS이지만... "작동"합니다. 지금 VC 펀딩을 받을 수 있나요?

  let retry = false;
  await axios({
    method: 'get',
    url: "http://www.saasserviceprovider.com/notpublicapi",
    headers: {
      'Authorization': "Bearer mytoken",
    }
  })
  .then((r) => {
    //return successful
  })
  .catch ((e) => {
    if (e.request.res.responseUrl.match(/s3.amazonaws.com/)) {
      retry = e.request.res.responseUrl;
    } else {
          //log error
    }
  })

  //Retry
  if (retry) {
    await axios.get(retry)
    .then((r) => {
        //return successful
      }
    })
    .catch((e) => {
       //log error
    })
  }

진심으로 ... 더 나은 방법이 있어야합니다 (axios 내에서)

나는 다소 비슷한 상황에 처해 있지만 GET 요청이 있습니다.

1. 헤더가 Authorization: Bearer mytoken GET http://www.saasserviceprovider.com/notpublicapi
2. AWS S3 엔드포인트로 리디렉션합니다. 리디렉션 URL에 X-Amz-Signature=blahblahblah 쿼리 문자열이 추가되었습니다.
3. AWS S3는 다음 두 가지 인증으로 인해 호출을 거부합니다.

• 헤더: Authorization bearer token
• 쿼리 문자열: X-Amz-Signature=blahblahblah

transformRequest , transformResponse , axios.interceptors.request , axios.interceptors.response 둘 다 내가 프로세스에 자신을 주입하고 승인 헤더를 일시적으로 제거할 수 있는 것 같지 않습니다. AWS S3로 리디렉션 - 리디렉션 후에 들어갈 수 있다면 delete headers.Authorization 효과를 낼 수 있습니다.

요청 api/postman/etc와 동일한 호출이 작동합니다.

진심으로 ... 더 나은 방법이 있어야합니다 (axios 내에서)

@iyerusad 해결 방법보다 더 나은 방법을 찾았습니까? 저도 같은 문제에 직면해 있는데, 그 후속 조치/리디렉트 요청(이 경우 아마존으로)에 대해서만 리디렉션을 가로채고 Authorization 헤더를 삭제할 수 없는 것 같아 답답합니다. 🤔

@iyerusad 해결 방법보다 더 나은 방법을 찾았습니까? 저도 같은 문제에 직면해 있는데, 그 후속 조치/리디렉트 요청(이 경우 아마존으로)에 대해서만 리디렉션을 가로채고 Authorization 헤더를 삭제할 수 없는 것 같아 답답합니다. 🤔

실제로는 그렇지 않습니다. 아래에서 옵션 B 를 사용합니다.

_내가 평가한 옵션:_
A. 대체 래퍼/클라이언트를 채택하십시오(예: fetch api? 요청? 요청이 작동하는 것처럼 보이지만 분명히 사용되지 않음). 이것은 가장 깔끔한 옵션일 수 있지만 다른 http 클라이언트 구문으로 전환하는 것을 의미합니다.

B. 내 해결 방법을 함수로 래핑하고 이 문제가 발생하는 것으로 알고 있는 요청에 대해 해당 함수를 사용합니다. 보기에는 덜 효율적이지만 현재는 이것을 사용합니다.

C. 내가 바보이고 axios를 잘못 사용하고 있고 axios에 대해 더 나은 해결 방법이 있기를 바랍니다.

D. Axios가 수정/패치를 얻습니까?

@mikhoq @iyerusad 문제를 추적하기 위해 새 문제를 열어 주시겠습니까? 현재와 ​​다르기 때문에 #2844에서 수정되었을 수 있습니다.

문제 없습니다 - #2855를 열었습니다.

@mikhoq 공개 복제 엔드포인트가 있는 경우 거기에 의견을 추가하세요.

그렇다면 GET 요청에 대해 transformRequest 가 호출되는 것 같습니까? 나는 노력 이 하고 일, 그것은 단지 현재 요청에 대한 헤더를 삭제.

transformRequest: [(data, headers) => {
    delete headers.common.Authorization
    return data
}]

그러나 문서는 말한다

// transformRequest 는 요청 데이터가 서버로 전송되기 전에 변경을 허용합니다.
// 이것은 'PUT', 'POST', 'PATCH' 및 'DELETE' 요청 메소드에만 적용됩니다.

transformRequest GET 요청에 대해 호출되지 않을 것이라고 생각했지만 그렇습니다. 그렇다면 이 선은 실제로 무엇을 의미할까요?

"이것은 'PUT', 'POST', 'PATCH' 및 'DELETE' 요청 메서드에만 적용됩니다."

아마도 "이것은 잠재적으로 ....에만 유용합니다." ....? 오해의 소지가 있습니다.

이것은 작동합니다:
헤더: {
'콘텐츠 유형': '응용 프로그램/json',
'권한 부여': null,
}

{ headers: { 'Content-Type' = null } } 설정을 시도했지만 성공하지 못했습니다.
그래서 @axelgenus 도움이 되는 코멘트 를 추가하려면 조금 더 나아가야 했습니다.

import Axios from 'axios'
const client = Axios.create({
  // ...
  transformRequest: [(data, headers) => {
    // add required "Content-Type" whenever body is defined
    if (data) headers['Content-Type'] = 'application/x-www-form-urlencoded'
    return data
  }],
})
// completely remove "Content-Type" from instance by default
delete client.defaults.headers.common['Content-Type']
delete client.defaults.headers.post['Content-Type']
delete client.defaults.headers.put['Content-Type']
delete client.defaults.headers.patch['Content-Type']
// ...

사용 사례는 Bitstamp API V2 인증 방법에 대한 요청 계층을 구현하는 것이었습니다.