【vue_django】成功登录后,保存用户


PS:使用session

保存:
// 登录
            login() {
                if (this.username === "" || this.password === "") {
                    alert("输入框不能为空")
                } else {
                    axios.post('/login/', {
                        username: this.username,
                        password: this.password
                    }).then(response => {
                        if (response.data['code'] == 200) {
                            alert("登录成功")
                            sessionStorage.setItem('username', this.username)
                            window.location.href = "index/"
                        } else if (response.data['code'] == 444) {
                            alert("账号或者密码错误")
                        }
                    }).catch(error => {
                        console.log(error)
                        alert("请求异常")
                    })
                }
            }
跳转后输出:
<script>
    new Vue({
        el: '#app',
        data: {

        },

        // 实例创建后执行  
        created() {
            let myName=sessionStorage.getItem("username");
            console.log("-----created-----", myName)

        },

    })
    console.log(myName)
</script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM