egg(113)--egg之登录成功跳转到登录之前的页面

最新推荐文章于 2022-06-19 10:02:24 发布

weixin_33713503

最新推荐文章于 2022-06-19 10:02:24 发布

阅读量429

点赞数

文章标签： javascript 数据库前端 ViewUI

原文链接：https://segmentfault.com/a/1190000018220067

版权

流程

点击登录按钮，前端把当前的url，传给后台
后台把url传给，登录页面
登录页面，点击登录，跳转到登录前的页面

效果

第一步

第二步

第三步

router

    router.get('/login', initMiddleware, controller.default.pass.login);

点击登录按钮

view

appviewdefaultpublicheader.html

<li><a href="javascript:void(0)" id="loginButton" target="_blank">登录</a></li>

apppublicdefaultjsbase.js

        initLogin: function() {

            $("#loginButton").click(function() {
                // alert(location.href);


                location.href = '/login?returnUrl=' + encodeURIComponent(location.href);
            })

        }

controller

appcontrollerdefaultpass.js

    async login() {
        //获取returnUrl
        var returnUrl = this.ctx.request.query.returnUrl;
        returnUrl = returnUrl ? decodeURIComponent(returnUrl) : '/';
        await this.ctx.render('default/pass/login.html', {
            returnUrl: returnUrl
        });
    }

登录页面

appviewdefaultpasslogin.html

<input type="hidden" name="returnUrl" id="returnUrl" value="<%=returnUrl%>" />

            $("#doLogin").click(function(e) {
                var returnUrl = $('#returnUrl').val();
                var username = $('#username').val();
                var password = $('#password').val();
                var identify_code = $('#identify_code').val();
                var reg = /^[\d]{11}$/;
                if (!reg.test(username)) {
                    alert('手机号输入错误');
                    return false;
                }
                if (identify_code.length < 4) {
                    alert('验证码长度不合法');
                    return false;
                }

                //ajax请求

                $.post('/pass/doLogin', {
                    username: username,
                    identify_code: identify_code,
                    password: password
                }, function(response) {
                    console.log(response);
                    if (response.success == true) {
                        // location.href = "/";
                        location.href = returnUrl;
                    } else {

                        $("#identify_code_img").attr('src', '/verify?mt=' + Math.random());

                        alert(response.msg);
                    }
                })

            })

去结算的登录跳转

中间件

appmiddlewareuserauth.js

module.exports = (options, app) => {
    return async function init(ctx, next) {

        //判断前台用户是否登录   如果登录可以进入 （ 去结算  用户中心）    如果没有登录直接跳转到登录

        var userinfo = ctx.service.cookies.get('userinfo');
        var prevPage = ctx.request.headers.referer; //上一个页面的地址
        if (userinfo && userinfo._id && userinfo.phone) {
            //判断数据库里面有没有当前用户                
            var userResutl = await ctx.model.User.find({ "_id": userinfo._id, "phone": userinfo.phone });

            if (userResutl && userResutl.length > 0) {
                //注意
                await next();

            } else {
                // ctx.redirect('/login');
                ctx.redirect('/login?returnUrl=' + encodeURIComponent(prevPage));
            }
        } else {

            // ctx.redirect('/login');
            ctx.redirect('/login?returnUrl=' + encodeURIComponent(prevPage));
        }


    };
};