vue微信授权登陆和分享以及JSAPI支付填坑总结

vue中使用 jweixin-module.js
1、vue路由模式要使用history模式
2、IOS和Android手机传入的当前页面网址是不同的，IOS需要传入第一次进来的页面，如果手动刷新则变成当前页面，而安卓则一直是当前的url
参考代码如下：
main.js

localStorage.setItem('iosUrl',window.location.href);

wechat.js

import * as $apis from './apis.js'
let jweixin = require('./jweixin-module.js');

export default {
    isWechat: function() {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/micromessenger/i) == 'micromessenger') {
            // console.log('是微信客户端')
            return true;
        } else {
            // console.log('不是微信客户端')
            return false;
        }
    },
    initJssdk(callback){
        let url = url ? url : window.location.href;
        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            url = localStorage.getItem('iosUrl');            
        }
        $apis.initJssdk({
            url: url
        }).then(res => {
            jweixin.config(res.config);
            //配置完成后，再执行分享等功能  
            if (callback) {
                callback(res.share);
            }
        })
    },
    //在需要自定义分享的页面中调用  
    share: function(data,cb) {
        //url = url ? url : window.location.href;
        if (!this.isWechat()) {
            return;
        }
        //每次都需要重新初始化配置，才可以进行分享  
        this.initJssdk(function(signData) {
            jweixin.ready(function() {
                //console.log(signData)
                var shareData = {
                    title: data && data.title ? data.title : signData.site_name,
                    desc: data && data.desc ? data.desc : signData.site_description,
                    link: data && data.url ? data.url : signData.url,
                    imgUrl: data && data.img ? data.img : signData.site_logo,
                    success: function(res) {
                        console.log(res);
                        cb&&cb();
                    },
                    cancel: function(res) {}
                };
                //console.log(shareData)
                //分享给朋友接口  
                jweixin.updateAppMessageShareData(shareData);
                //分享到朋友圈接口  
                jweixin.updateTimelineShareData(shareData);
            });
        });
    },
    //在需要定位页面调用
    location: function(callback) {
        if (!this.isWechat()) {
            console.log('不是微信客户端')
            return;
        }
        console.info('定位')
        this.initJssdk(function(res) {
            jweixin.ready(function() {
                console.info('定位ready')
                jweixin.getLocation({
                    type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                    success: function(res) {
                        // console.log(res);
                        callback(res)
                    },
                    fail: function(res) {
                        console.log(res)
                    },
                    // complete:function(res){
                    //     console.log(res)
                    // }
                });
            });
        });
    }
}