Vue 개발 위 챗 H5 위 챗 공유 서명 실패 문제 해결 방안

Vue 의 경로 에 대하 여 history 모드 를 사용 하여 위 챗 H5 페이지 를 개발 하여 공유 할 때 안 드 로 이 드 에 서명 하 는 데 성공 하 였 으 나 IOS 장치 에서 서명 이 잘못 되 었 습 니 다.
문제 설명:Vue 개발 과정 에서 경로 가 History 모드 에서 위 챗 공 유 를 사용 할 때 위 챗 개발 자 도구 에서 모든 것 이 정상 입 니 다.안 드 로 이 드 에 서 는 모든 게 정상 이 야.하지만!!!IOS 에 서명 오 류 를 반복 해서 보고 하 다.
다음은 리 얼 테스트 캡 처 입 니 다.블랙 라인 을 그 은 것 은 제 개인 IOS 장치 가 공유 되 어 서비스 번호 가 되 었 습 니 다.이 어 사용자 정의 내용 은 안 드 로 이 드 공유 가 정상 적 이 고 말 이 많 지 않 습 니 다.위의 그림!!!

내 코드:


수요 설명:첫 페이지 에서 이벤트 상세 페이지 로 들 어간 다음 상세 페이지 에서 상세 페이지 내용 을 공유 해 야 합 니 다.따라서 매개 변수 전 삼 이 필요 합 니 다.보통 vue 전 삼 은 params,query,문자열 을 연결 하 는 세 가지 방식 으로 점프 전 삼 을 합 니 다.
문제 분석:애플 공유 회 는 서명 을 가 져 오 는 데 실 패 했 기 때 문 입 니 다.애플 은 위 챗 에서 브 라 우 저 체제 와 안 드 로 이 드 가 다 르 고 IOS 캐 시 문제 가 있 으 며 IOS 와 단일 페이지 에 대한 최적화 문제 가 있 습 니 다.쉽게 말 하면 안 드 로 이 드 가 페이지 이동 공 유 를 할 때 현재 url 을 새로 고 칩 니 다.애플 은 그렇지 않 습 니 다.애플 은 역사 기록 을 통 해 들 어 왔 습 니 다.url 을 새로 고치 지 않 기 때문에 서명 에 실패 할 수 있 습 니 다.
수 요 는 현재 페이지 만 공유 할 때 사용자 정의 내용 이 있 기 때문에 다른 페이지 를 공유 하 는 것 은 공중 번호 입 니 다.주로 활동 이기 때문에 다음 과 같은 해결 방법 을 사 용 했 습 니 다!!!
vue 의 history 는 IOS 의 위 챗 공유 시 새로 고침 되 지 않 지만 사용자 정의 공 유 를 해 야 하기 때 문 입 니 다.나 는 인터넷 에서 도 많은 것 을 보 았 다.예 를 들 어 어떤 beforroute Enter 의 경로 판단 이나 Vue.prototype.Wxshare()에 적 힌 원형 체인 등 은 너무 번 거 롭 고 간단 하지 않 으 며 거 칠 어 보이 지만 이런 방법 들 은 모든 공유 페이지 의 사용자 정의 내용 을 판단 할 수 있 을 것 같다.그리고 저 는 현재 특정한 단일 페이지 만 공유 하면 됩 니 다.그러면 우 리 는 A 페이지 에서 B 페이지(공유 해 야 할 페이지)를 뛰 어 넘 으 면 vue 의 history push 로 전송 참 을 뛰 어 넘 지 않 습 니 다.우 리 는 사용 합 니 다!우리우리window.location.href="....."rel="external nofollow"rel="external nofollow"rel="external nofollow"rel="external nofollow"를 통 해 전달 참 여 를 뛰 어 넘 습 니 다.중요 한 것 은 세 번!!!!
사용:window.location.href="....."!!window.location.href="...."!!! window.location.href="...."!!!다음은 코드!!!

주석 이 떨 어 진 부분 은 처음에 제 가 params 로 전 달 했 습 니 다.그러면 제 가 위 에서 언급 한 IOS 에서 SPA 페이지 가 url 을 새로 고치 지 않 는 문제 가 발생 할 것 입 니 다.하지만 원생 의 window.location.href 는 이 문 제 를 해결 할 수 있 습 니 다!!이렇게 하면 하위 페이지 에서 우 리 는 create 라 이 프 사이클 에서 url 의 문자열 을 캡 처 하고 필요 한 인 자 를 캡 처 합 니 다.data 에 할당 하 는 것 처럼 사용 할 수 있 습 니 다.다음은 하위 페이지 에서 데 이 터 를 받 아 문자열 을 캡 처 합 니 다.


이렇게 해서 우리 의 공유 IOS 수요 가 실현 되 었 습 니 다.제 위 에 있 는 위 챗 공유 설정 코드 를 바 꿀 필요 가 없습니다!!그러나 이 방법 은 개인 적 으로 특정 페이지 를 공유 하 는 데 만 적 용 됩 니 다.만약 에 사용자 가 각 페이지 의 서로 다른 사용자 정의 내용 을 공유 해 야 한다 면 인터넷 에서 다른 경로 로 수위 판단 을 하거나 Hash 모드 로 개발 할 수 있 습 니 다.(Hash 모드 는 저도 정말 가능 한 지 모 르 겠 습 니 다.관심 있 는 것 은 시도 해 보 세 요.시도 한 후에 댓 글 을 환영 합 니 다!)
다음은 리 얼 테스트 성공!
 
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기