위 챗 인증 성공 후 리 턴 키 를 누 르 면 빈 페이지 와 오류 가 발생 하 는 문 제 를 해결 합 니 다.

위 챗 에서 권한 을 수 여 받 은 조작 은 나의 다른 글 을 읽 을 수 있다.  https://www.jb51.net/article/188237.htm
위 챗 권한 수 여 는 index.vue 에서 권한 을 수 여 받 은 것 입 니 다.빈 페이지 입 니 다.권한 수 여 를 받 으 려 면 리 셋 이 필요 하기 때문에 이 페이지 는 두 번 갱 신 됩 니 다.우리 가 권한 을 수 여 받 아 홈 페이지 에 성공 적 으로 들 어간 후에 리 턴 키 를 클릭 하거나 핸드폰 의 물리 리 턴 키 를 클릭 합 니 다.브 라 우 저 history 체제 때문에 물리 적 으로 되 돌아 오 거나 되 돌아 오 면 반드시 이 권한 수여 페이지 에 들 어 갈 것 입 니 다.이때 code 는 이미 사용 되 었 고 code 오 류 를 보고 할 수 있 으 며 이것 은 공백 페이지 이 며 여러 번 클릭 해도 위 챗 의 메시지 목록 페이지 로 돌아 갈 수 없어 체험 이 매우 나쁘다.
제 방법 은 위 챗 의 js sdk 를 도입 하 는 것 입 니 다.vue-router 로 내 비게 이 션 beforeEach 의 to(곧 도착 할 페이지)와 from(현재 페이지)를 사용 하여 판단 하 는 것 입 니 다.만약 에 to 가 권한 수여 페이지 라면 from 은 권한 수여 성공 후 처음으로 들 어 온 페이지 입 니 다.from 페이지 에서 클릭 하여 돌아 갑 니 다.이 만족 조건 을 감청 하면 위 챗 wx.closeWindow()방법 으로 현재 페이지 를 닫 고 메시지 목록 페이지 로 돌아 갈 수 있 습 니 다.vue 를 사용 하여 개발 한 프로젝트 원리 가 아 닌 것 도 비슷 합 니 다.
구체 적 인 코드 는 다음 과 같다.
① 위 챗 sdk,npm install 에 대응 하 는 가방 을 도입 하면 된다.

② 경로 설정 페이지 에 경로 수 비 를 설정 합 니 다.

router.beforeEach((to, from, next) => {
  //           user                    
  let mark = to.fullPath.indexOf('code')
  if (mark !== -1 && from.fullPath === '/user') {
    wx.closeWindow()
  }
})

위 챗 권한 수여 페이지 의 권한 수여 성공 은 반드시 url 에 code 를 가 져 오기 때 문 입 니 다.모든 저 는 판단 경 로 를 통 해 code 가 권한 수여 페이지(이런 방식 일 수 있 음)가 타당 하지 않 지만 to 와 from 두 가지 조건 이 만족 하 는 지 확인 할 수 있 습 니 다.
위 챗 인증 이 성공 한 후 리 턴 버튼 을 누 르 면 빈 페이지 와 오류 가 발생 하 는 문 제 를 해결 하 는 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 위 챗 리 턴 키 에 빈 페이지 와 오류 내용 이 나타 나 면 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!