"Vue 단일 페이지 애플 리 케 이 션(Hash 모드 에서'/\#/')공 유 된 링크 가 열 리 면 첫 페이지 입 니 다"문제 해결

문제:vue 구성 요소 개발 프로젝트 에서 상품 상세 페이지 위 챗 퍼 가기 url,예 를 들 어:http://wap.wsguwancheng.com/#/productlists/688。사용자 정의 공유 링크 가 위 챗 에서 차단 되 어 변 합 니 다.http://wap.wsguwancheng.com/?from=singlemessage
솔 루 션:페이지 전환,url 재 설정.
1.static 디 렉 터 리 에 html 라 는 폴 더 를 새로 만 들 고 html 폴 더 에 redirect.html 를 새로 만 듭 니 다.
html 에 다음 내용 을 기록 합 니 다.

    let url = location.href.split('?')
    let pars = url[1].split('&')
    let data = {}
    pars.forEach((n, i) => {
        let p = n.split('=')
        data[p[0]] = p[1]
    })
    if (!!data.app3Redirect) {
        self.location = decodeURIComponent(data.app3Redirect)
    }

script 태그 만 있 으 면 됩 니 다.어차피 방향 을 바 꾸 는 것 뿐 입 니 다.
2.상품 상세 페이지 의 내용 은 다음 과 같 습 니 다.주의:link:shareWxLink,

shareconfig:function(){
    var _that = this;
    wx.ready(function () {
        var shareWxLink = window.location.href.split('#')[0] + 'static/html/redirect.html?app3Redirect=' + encodeURIComponent(window.location.href);

        wx.onMenuShareTimeline({
            title: '【     】' + _that.goods_detail.goods_name, //     
            link: shareWxLink,        //     ，                     JS      
            imgUrl: _that.shareimg, //     
            success:function() {
                _that.$dialog.toast({
                    mes: '       ',
                    timeout: 1500,
                    icon: 'success'
                });
                //               
            },
            cancel:function() {
                //               
            }
        });

        wx.onMenuShareAppMessage({
            title: '【     】' + _that.goods_detail.goods_name, //     
            desc: _that.goods_detail.goods_content, //     
            link: shareWxLink,  //     ，                     JS      
            imgUrl: _that.shareimg, //     
            success: function () {
                // alert('       ')
                _that.$dialog.toast({
                    mes: '       ',
                    timeout: 1500,
                    icon: 'success'
                });
                //               
            },
            cancel: function () {
                //               
            }
        })
    })
}

페이지 건 너 뛰 기 완료!