【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>
原文地址:https://www.cnblogs.com/wanghong1994/p/12283125.html