vue 에서 redirect:'/index'로 방향 을 바 꾸 고 문 제 를 표시 하지 않 으 며 오류 의 완벽 한 해결

경로 설정 에서 방향 을 바 꾼 후 브 라 우 저 를 열 면 내용 이 없습니다.먼저 구조 가 잘못 쓰 이지 않 았 는 지 확인 한 다음 에 단어 맞 춤 법 오류 가 있 는 지 확인 하 십시오.일반적인 상황 은 단어 맞 춤 법 오류 때 문 입 니 다.


수정 후 점프 성공:

부록:VUE 가 백 엔 드 를 통 해 VUE 페이지 로 재 설정 한 후 전단 경로 가 효력 을 잃 는 해결 방안
이 문 제 는 내 가 위 챗 권한 수여 로그 인 을 할 때 만난 것 이다.
구체 적 인 설명:
사용자 가 페이지 를 열 면 로그 인 여 부 를 차단 하고 로그 인 하지 않 으 면 사용자 의 방문 주 소 를 localStorage 에 기록 하고 권한 수 여 를 기다 린 후에 이 페이지 로 다시 설정 합 니 다.
location.href 를 사용 하여 페이지 를 백 엔 드 주소 로 옮 기 고 위 챗 사용자 정 보 를 얻 었 습 니 다.phop 백 엔 드 에서 header 를 통 해 페이지 를 저http://my.app.com/#/login페이지 로 다시 정 했 을 때 login 페이지 가 아 닌\#/기본 경로 에 걸 린 것 같 습 니 다.위 챗 브 라 우 저 에서 페이지 주 소 를 복사 한 결과\#뒤의 부분 을 잃 어 버 린 것 이 확실 합 니 다.
일련의 사 고 를 통 해 브 라 우 저 캐 시 를 의심 하 는 이 유 는 phop 백 엔 드 가header()함수 로 이동 할 때 무 작위 숫자 를 추가 하여 브 라 우 저 에서 캐 시 를 사용 하 는 것 을 방지 합 니 다.즉:header("Location:http://my.app.com/?".time()."#/login")，url 에 시간 스탬프 를 추가 하여 브 라 우 저가 캐 시 를 사용 하 는 것 을 방지 하 는 것 은 흔 한 방법 이다.
이 문제 의 원인 은 아마도 처음에 브 라 우 저가 방 문 했 기 때 문 일 것 이다http://my.app.com/.그 후에 방향 을 바 꾸 는http://my.app.com/#/login은\#번호 뒤의 부분 만 많 았 을 뿐 전통 페이지 에서\#는 닻 점 으로 사용 되 었 기 때문에 브 라 우 저 는 똑 같은 페이지 2 개 를 방문 했다 고 생각 하여 캐 시 를 사용 했다.
이 문 제 는 모든 휴대 전화 에 있 는 것 이 아니 라 일부 휴대 전화 에 만 이 문제 가 발생 할 수 있 지만 무 작위 수 를 더 하면 문 제 는 완벽 하 게 해결 된다!
여기 서 vue 에서 redirect:'/index'로 방향 을 바 꾸 었 습 니 다.문 제 를 표시 하지 않 고 오류 가 발생 한 완벽 한 해결 에 관 한 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue 에서 redirect 로 방향 을 바 꾸 었 습 니 다.내용 은 예전 의 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 부탁드립니다!