Express에서 Axios Post 요청 후 리디렉션
P粉715304239
P粉715304239 2023-10-17 19:45:58
0
1
736

Axios의 게시물 요청을 수락한 후 리디렉션할 수 없습니다. 나는 요청이 전송되고 있다는 것을 알고 있으며 적어도 '/' 경로에서 응답을 받고 있다는 것을 알고 있습니다. 내 콘솔이 누군가가 '/'에 대한 가져오기 요청을 할 때 발생해야 하는 "인덱스", "사용자 인증"을 기록하기 때문입니다. '. 문제는 페이지가 로드되지 않는다는 것입니다. 심지어 Google Chrome의 네트워크 탭에 index.js가 로드되어 있는 것을 볼 수 있지만, 아무리 시도해도 페이지가 변경되지 않습니다. 이에 대한 이유가 있습니까?

제가 수행한 다른 리디렉션은 작동하는 것 같습니다. 예를 들어, 사용자가 로그인하지 않은 경우 인덱스 페이지는 /login으로 다시 라우팅됩니다. 이것은 단지 게시물 요청의 문제인 것 같습니다. 여권 인증 유무에 관계없이 테스트해 보았는데(분명히 리디렉션하려면 로그인해야 하도록 변경되었습니다) 결과는 동일합니다. 그래서 여권이 문제를 일으키고 있다고 생각하지 않습니다.

아래 package.json을 참조하여 제가 무엇을 사용하고 있는지 확인할 수 있습니다

축 코드:

으아아아

현명한 표현: 테스트 중에 기억할 수 있는 콘솔 로그가 있습니다

으아아아

패키지.json

으아아아


P粉715304239
P粉715304239

모든 응답(1)
P粉674876385

이건 나중에 알았습니다. 분명히 Axios 게시 요청을 하면 서버에서 리디렉션할 수 없습니다. 적어도 내가 하는 방식은 아닙니다(기본 Axios 구성 사용). 클라이언트 측에서 페이지를 변경해야 합니다. 내가 한 일은 다음과 같습니다.

리다이렉트 경로에서 데이터를 수신하기 위해 다른 방법을 사용하고 있는데 페이지가 로드되지 않기 때문에 정말 혼란스럽습니다.

또한 어떤 이유로 Next.js를 사용하면 Passport.js "successRedirect" 및 "failureRedirect" JSON이 작동하지 않는 것 같습니다. 그렇기 때문에 내가 했던 방식으로 경로를 작성하고 이를 Passport.authenticate() 함수에 포함하지 않았습니다. 이것이 누군가에게 도움이 되기를 바랍니다!

My Axios 제출 기능:

으아악

내 Express 서버에 게시 요청

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿