1
우리는 React와 Mobx를 사용하는 인터페이스를 개발 중입니다. 우리는 사용자의 이메일로 발송되는 링크와 코드를 사용하여 사용자 계정을 활성화 할 수있는 구성 요소가 : 코드가 유효한지IE 11에서 리얼 렌더링하기
https://mysite/activate?Code=6bgoh9n0uk7a84lc3s9e2lso5j
우리는 백엔드 확인하기 위해 호출 구성 요소에서 및 활성화 사용자. 유효한 경우 백엔드는 사용자와 그의 토큰을 반환합니다. 이 토큰은 로컬 스토리지에 저장되고 우리는 주요 대시 보드로 리디렉션 : 크롬과 리디렉션에 성공 모질라 파이어 폭스에서
axios.get(`/user/activate/${code}`)
.then(action(response => {
window.localStorage.setItem("myToken", JSON.stringify(response.data));
window.location.href = "/dashboard";
}))
.catch(action(error => {
console.log(error);
}));
하지만, IE (11)와 구성 요소가 다시 렌더링되는 에지 브라우저에있는이 원인 코드를 백엔드와 대조하여 화면에 코드가 더 이상 유효하지 않음을 나타냅니다.
무엇이 잘못 되었습니까?
시도는이 단지 작품의 경우 @Freez'history.pushState ({}, '대시 보드', '/ 대시 보드')'대신'같이 location.href = '/ dashboard'' – Freez
를 사용하는 클라이언트 측 라우팅이 있습니다. – floriangosse
'/ 대시 보드'경로에서 렌더링되는 구성 요소/컨테이너의 코드를 게시 할 수 있습니까? localStorage에서 속성을 설정하는 것이 IE/Edge에서 버그가 있는지 알아보고 Axios를 전달하는 페이지로 리디렉션을 다시 발생시키는 지 궁금합니다. localStorage 속성 인 'myToken'이 IE와 Edge에서 확실하게 설정되고 있다는 것을'console.log'로 확인할 수 있습니까? –