安装vue-cookies

就通过我写的一个小项目的登录来讲vue-cookies,登陆成功后拿到后台返回的token值,把它保存到vue-cookies

  • 首先需要安装vue-cookies

npm install vue-cookies --save

  • 使用
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies);
  • 设置cookies

this.$cookies.set("自定义名字",后台获取的token)

示例

 //Login.vue
 Login(){   //登录
           this.$http.post('home/login',                            {"uPwd":this.password,"uPhone":this.account}).then(result=>{
						if(result.body.status===200){
							this.$cookies.set("auth",result.body.data);
							let redirect=decodeURIComponent(this.$route.query.redirect||"/home");
							this.$router.push({path:redirect});
						}else{
              Toast('输入密码或账号错误,请重新输入');
						}
					 }).catch(function(){
              console.log("服务器异常");
					 })
				}
		 }
  • 全局设置请求头
//index.js
Vue.http.interceptors.push((request, next) => {
    //请求发送前的处理逻辑
    request.headers.set('auth', VueCookies.get("auth"))
    next((response) => {
        //请求发送后的处理逻辑
        //根据请求的状态,response参数返回给successCallback或errorCallback
        return response
    })
})
Logo

前往低代码交流专区

更多推荐