登录组件的逻辑

登录组件的

componentDidMount生命周期函数中，作如下几个事情：

1、向用户接口发送信息，如果返回用户信息和配置信息，并且响应后判断cookie中是否有token，如果有，拿着token进行登录验证

2、调用fetchUser带上token。

 

这样做的话，当已经登录的用户，其请求中的cookie是会带着token的，此时访问login页面会自动登录，而未登录的用户则会展示登录页面。

 

fetchUser的函数如下：

const fetchUser = (obj, message, context, token) => {

    let hostname = window.location.hostname;
    let i = 0;
    if (hostname.indexOf('.') >= 0) {
        i = hostname.indexOf('.');
    }
    let domain = hostname.slice(i);

    if (token) {
        return async function (dispatch) {
            try {

                let res = await get({url: `/custom/v2/passer/gym/cmd/getTokenInfo?token=${token}`}, message, context)

                if (res.success && res.data) {
                    res.data.gymId = res.data.GymId;
                    res.data.token = token;
                    dispatch({
                        type: 'fetchUserDone',
                        res: {...res},
                    })
                    /*if(navigator.userAgent.includes('MSIE')||navigator.userAgent.includes('Trident')){
                        Cookies.set('token', token);
                    }else {
                        Cookies.set('token', token, {expires: 7, domain});
                    }*/
                    Cookies.set('token', token, {expires: 7, domain});
                    if (res.data.GymId == '0000000001') {//平台用户
                        dispatch(addRole({}, message, context))
                        setItem('role', 'admin')
                        context.props.history.push("/home/gym/gymList");
                    }else if(res.data.GymId == '0000000002'){//监管用户
                        setItem('role', 'admin')
                        context.props.history.push("/home/gym/staffList");
                    }else {
                        setItem('role', '')
                        context.props.history.push("/home");
                    }

                } else {
                    Cookies.remove('token');
                    Cookies.remove('token', token, {expires: 7, domain});
                    /*if(navigator.userAgent.includes('MSIE')||navigator.userAgent.includes('Trident')){
                        Cookies.remove('token');
                    }else {
                        Cookies.remove('token', token, {expires: 7, domain});

                    }*/
                }
            } catch (e) {

            }
        }
    } else {
        return async function (dispatch) {
            dispatch(loading(true));
            try {
                let res = await postBodyJSON({
                    url: api.login,
                    data: {user_name: obj.username, password: obj.password}
                }, message, context)
                //console.log(1111,res);

                dispatch(loading(false));
                if (res.common_message && res.common_message.err_msg) {
                    message.error(res.common_message.err_msg);
                    dispatch({
                        type: 'fetchUserErr',
                        res: {...res, success: false}
                    })
                } else if (res.message) {
                    message.error(res.message);
                    dispatch({
                        type: 'fetchUserErr',
                        res: {...res, success: false}
                    })
                } else {
                    let token=res.data.token;
                    try {

                        let res = await get({url: `/custom/v2/passer/gym/cmd/getTokenInfo?token=${token}`}, message, context)

                        if (res.success && res.data) {
                            res.data.gymId = res.data.GymId;
                            res.data.token = token;
                            console.log(res.data.Role)
                            if (res.data.Role === "admin" || res.data.Role === "region"){
                                // 阻止没有权限的人员登录;
                                message.error('用户没有权限登录');
                                return;
                            }
                            
                            dispatch({
                                type: 'fetchUserDone',
                                res: {...res},
                            })

                            /*if(navigator.userAgent.includes('MSIE')||navigator.userAgent.includes('Trident')){
                                Cookies.set('token', token);
                            }else {
                                Cookies.set('token', token, {expires: 7, domain});
                            }*/
                            Cookies.set('token', token, {expires: 7, domain});
                            if (res.data.GymId == '0000000001') {//平台用户
                                dispatch(addRole({}, message, context))
                                setItem('role', 'admin')
                                context.props.history.push("/home/gym/gymList");
                            }else if(res.data.GymId == '0000000002'){//监管用户
                                setItem('role', 'admin')
                                context.props.history.push("/home/gym/staffList");
                            }else {
                                setItem('role', '')
                                context.props.history.push("/home");
                            }

                        } else {
                            Cookies.remove('token');
                            Cookies.remove('token', token, {expires: 7, domain});
                            /*if(navigator.userAgent.includes('MSIE')||navigator.userAgent.includes('Trident')){
                                Cookies.remove('token');
                            }else {
                                Cookies.remove('token', token, {expires: 7, domain});
                            }*/
                            //Cookies.remove('token', token, {expires: 7, domain});
                        }
                    } catch (e) {

                    }
                    /*dispatch({
                        type: 'fetchUserDone',
                        res: {...res},
                    })

                    Cookies.set('token', res.data.token, {expires: 7, domain});
                    if (res.success && res.data && res.data.gymId == '0000000001') {
                        dispatch(addRole({}, message, context))
                        setItem('role', 'admin')
                        context.props.history.push("/home/gym/gymList");
                    } else if(res.success && res.data && res.data.gymId == '0000000002'){//监管用户
                       //hydsadmin
                        setItem('role', 'admin')
                        context.props.history.push("/home/gym/staffList");
                    }else if (res.success && res.data) {
                        setItem('role', '')
                        context.props.history.push("/home");
                    }*/

                }


            } catch (e) {
                // console.log(e)
                dispatch(loading(false));
                dispatch({
                    type: 'fetchUserErr',
                    res: {...e, success: false}
                })
            }


        }
    }

}

fetchUser内部实现了两种登录方式，一种使用token，一种使用用户名与密码。