Vue为GET或POST请求设置请求头
安装vue-cookies就通过我写的一个小项目的登录来讲vue-cookies,登陆成功后拿到后台返回的token值,把它保存到vue-cookies中首先需要安装vue-cookiesnpm install vue-cookies --save使用import Vue from 'vue'import VueCookies from 'vue-cookies'Vue....
·
安装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
})
})
更多推荐
已为社区贡献3条内容
所有评论(0)