자바 스크립트 / 레일 인증 가져 오기 헤더

Bartosz Gladecki

그래서 저는 React / Redux SPA 앱을 개발 중이며 인증이 작동하도록하고 싶습니다. devise_token_auth gem이 작동하는 Rails 백엔드가 있고 (React 앱에서) 백엔드가 나에게 응답 한 토큰을 저장해야합니다. response.headers하지만 사용할 수있는 토큰은 없습니다 . 왜? CORS는 백엔드 측에 적절하게 설정되어 있으므로 문제가되지 않는다고 확신합니다. 코드와 스크린 샷을 살펴보세요.

let config = {
  method: 'POST',
  headers: {
    "Accept": "application/json",
    "Content-Type": "application/json"
  },
  body: JSON.stringify(creds) // { email: '[email protected]', password: 'asdasdasd' }
}

return dispatch => {
  dispatch(requestLogin(creds))
  return fetch('http://localhost:3000/auth/sign_in', config)
    .then((response => {
      response.headers.forEach((el) => console.log(el))
    }))
}

console.log :

위 코드의 console.log

브라우저가 헤더를 본다는 증거 :

여기에 이미지 설명 입력

Bartosz Gladecki

결정된. 문제는 백엔드 측에있었습니다. 내 rack-cors 이니셜 라이저에 이것을 가지고 있습니다.

headers: :any,                                                                                                         
methods: [:get, :post, :put, :patch, :delete, :options, :head]

이렇게 변경 :

headers: :any,
expose: ['access-token', 'expiry', 'token-type', 'uid', 'client'],
methods: [:get, :post, :put, :patch, :delete, :options, :head]                                                                                               

모든 것이 작동하고 있습니다. :) devise_token_auth의 소스 코드를 살펴보면 알 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 파일 또는 폴더 조회 및 가져 오기

분류에서Dev

자바 스크립트에서 가져 오기를 사용할 때 헤더에 액세스

분류에서Dev

자바 스크립트에서 파일 이름 가져 오기

분류에서Dev

자바 스크립트로 일기 예보 (7 일) 날짜 가져 오기

분류에서Dev

사용자 지정 값을 자바 스크립트 파일로 가져 오기

분류에서Dev

인덱스로 자바 스크립트 객체 가져 오기 및 표시

분류에서Dev

일반 자바 스크립트에서 AngularJs 서비스 가져 오기

분류에서Dev

자바 스크립트 패키지의 하위 폴더에서 가져 오기

분류에서Dev

자바 스크립트 메소드에서 값을 가져오고 헤더 필드에 할당하는 방법

분류에서Dev

자바 스크립트에서 zip 파일의 파일 이름 가져 오기

분류에서Dev

HTML의 스크립트 소스 파일에서 자바 스크립트 URL 매개 변수 가져 오기

분류에서Dev

자바 스크립트 : 문장에서 단어와 색인 가져 오기

분류에서Dev

자바 스크립트의 인수로 함수 반환 값 가져 오기

분류에서Dev

key = option 인 자바 스크립트 개체의 요소 개수 가져 오기

분류에서Dev

자바 스크립트의 JSON 객체 내부 배열 색인 가져 오기

분류에서Dev

자바 스크립트 foreach 루프 내에서 색인 가져 오기

분류에서Dev

Python Flask-restful에 자바 스크립트 가져 오기 파일 업로드

분류에서Dev

자바 스크립트에서 배열의 단일 값 가져 오기

분류에서Dev

외부 자바 스크립트 파일에서 tempdata / session / viewbag 값 가져 오기

분류에서Dev

자바 스크립트에서 이번 달의 일수 가져 오기

분류에서Dev

ES6 자바 스크립트 가져 오기 외부 js 파일

분류에서Dev

주석 처리 된 자바 스크립트 파일 양의 % 가져 오기

분류에서Dev

쉘 스크립트에서 csv를 읽고 사용자 입력과 가장 가까운 일치 항목을 기준으로 열 헤더를 인쇄합니다.

분류에서Dev

WebP 파일 헤더에서 파일 크기 가져 오기

분류에서Dev

자바 스크립트로 업로드하기 전에 파일 크기 가져 오기

분류에서Dev

자바 스크립트로 댓글 텍스트 가져 오기

분류에서Dev

템플릿 플레이 프레임 워크 1.2.6에서 자바 스크립트 변수 가져 오기

분류에서Dev

자바 스크립트의 문자열에서 내 보낸 싱글 톤 인스턴스 가져 오기

분류에서Dev

응답 헤더 로봇 프레임 워크 가져 오기

Related 관련 기사

  1. 1

    자바 스크립트 파일 또는 폴더 조회 및 가져 오기

  2. 2

    자바 스크립트에서 가져 오기를 사용할 때 헤더에 액세스

  3. 3

    자바 스크립트에서 파일 이름 가져 오기

  4. 4

    자바 스크립트로 일기 예보 (7 일) 날짜 가져 오기

  5. 5

    사용자 지정 값을 자바 스크립트 파일로 가져 오기

  6. 6

    인덱스로 자바 스크립트 객체 가져 오기 및 표시

  7. 7

    일반 자바 스크립트에서 AngularJs 서비스 가져 오기

  8. 8

    자바 스크립트 패키지의 하위 폴더에서 가져 오기

  9. 9

    자바 스크립트 메소드에서 값을 가져오고 헤더 필드에 할당하는 방법

  10. 10

    자바 스크립트에서 zip 파일의 파일 이름 가져 오기

  11. 11

    HTML의 스크립트 소스 파일에서 자바 스크립트 URL 매개 변수 가져 오기

  12. 12

    자바 스크립트 : 문장에서 단어와 색인 가져 오기

  13. 13

    자바 스크립트의 인수로 함수 반환 값 가져 오기

  14. 14

    key = option 인 자바 스크립트 개체의 요소 개수 가져 오기

  15. 15

    자바 스크립트의 JSON 객체 내부 배열 색인 가져 오기

  16. 16

    자바 스크립트 foreach 루프 내에서 색인 가져 오기

  17. 17

    Python Flask-restful에 자바 스크립트 가져 오기 파일 업로드

  18. 18

    자바 스크립트에서 배열의 단일 값 가져 오기

  19. 19

    외부 자바 스크립트 파일에서 tempdata / session / viewbag 값 가져 오기

  20. 20

    자바 스크립트에서 이번 달의 일수 가져 오기

  21. 21

    ES6 자바 스크립트 가져 오기 외부 js 파일

  22. 22

    주석 처리 된 자바 스크립트 파일 양의 % 가져 오기

  23. 23

    쉘 스크립트에서 csv를 읽고 사용자 입력과 가장 가까운 일치 항목을 기준으로 열 헤더를 인쇄합니다.

  24. 24

    WebP 파일 헤더에서 파일 크기 가져 오기

  25. 25

    자바 스크립트로 업로드하기 전에 파일 크기 가져 오기

  26. 26

    자바 스크립트로 댓글 텍스트 가져 오기

  27. 27

    템플릿 플레이 프레임 워크 1.2.6에서 자바 스크립트 변수 가져 오기

  28. 28

    자바 스크립트의 문자열에서 내 보낸 싱글 톤 인스턴스 가져 오기

  29. 29

    응답 헤더 로봇 프레임 워크 가져 오기

뜨겁다태그

보관