微信公众号授权前端（uniapp为例）

    const base_url = 'http://baidu.com'// 前端域名
    const wx_url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+base_url+'&response_type=code&scope=snsapi_base&state=123#wechat_redirect'
    export default {
        components: {
            
        },
        data() {
            return {
                }
        },
        
        onLoad() {
            // 获取URL 上code
            const code = this.getUrlParam('code')
            // 判断是否存在code
            if(code == null || code == '') {
                // 重新获取code
                // console.log(code)
                window.location.href = wx_url
            } else {
                // 发送code           
                    this.postCode(code)
            }
        },
    methods: {
        // 解析URL 参数
        getUrlParam(name) {
            let reg = new RegExp('(^|&)'+ name + '=([^&]*)(&|$)')
            let r = window.location.search.substr(1).match(reg)
            if(r!=null){
                return unescape(r[2])
            } 
            return null
        },
        // 发送code 获取信息
        postCode(code) {
                              uni.request({
                                     url: 'https://www.example.com/request', //发送code给后台。
                                    success: (res)=> {
                                          //res里面包含用户信息  openid等
                                                            }
                                          });
                            }
               }
    }