vue:登录成功后如何保存token

vue-cookies

1、安装:npm install vue-cookies

2、main.js中配置

//cookies配置
import cookies from 'vue-cookies'
Vue.prototype.$cookies=cookies;

登录成功后,将后端传递过来的token取出保存到浏览器的cookie中

  methods: {
      submitForm() {
    this.$axios({
        method:'post',
        url:'http://127.0.0.1:8000/user/login/',
        data:{'username':this.ruleForm.age,'password':this.ruleForm.pass}
    }).then(res=>{
        //将后端传递的token存到浏览器的cookie中,key=oatoken,过期时间7天
        this.$cookies.set("oatoken",res.data.data.token,'7d')
        //登录成功后,跳转到首页页面
        this.$router.push('/home')
    }).catch(error=>{
        console.log(error)
        })
      },
}

你可能感兴趣的:(vue,vue.js,前端,前端框架)