vue axios 实现在请求头中携带token信息
在前后端分离开发的时候,我们往往需要进行前后端交互,在交互时不可避免的需要进行用户身份验证 ,我们一般是将用户令牌放置到请求头中,接下来我们将使用axios来实现这一操作
第一步,我们将token信息,从cookie中获取到
let token = this.$cookies.get("token");
第二步,将token 信息放入到请求头中
axios({
method: "get",
url: "/api/user/queryjson",
headers: { // 设置请求头
token: this.$cookies.get("token")
}
}).then(res => { // 成功后的回调函数
console.log(res)
this.$data.tableData = res.data.data
console.log(this.$data.tableData)
})
经过以上步骤你将可以在后端的header中获取到token信息了