Vue 개발 위 챗 H5 위 챗 공유 서명 실패 문제 해결 방안
문제 설명: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 모드 는 저도 정말 가능 한 지 모 르 겠 습 니 다.관심 있 는 것 은 시도 해 보 세 요.시도 한 후에 댓 글 을 환영 합 니 다!)
다음은 리 얼 테스트 성공!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.