vue- axios设置全局请求头
场景说明
一般在前后端分离的情况下，后台提供的restful接口，为了确保接口的安全性。必须设置一些相关的安全认证，这里是对如何使用tokne进行安全验证的设置
- 在请求后端的登录接口时，成功的情况下必然会返回一个
token - 然后我们再调用其它接口的时候，必须在请求头上带上这个
token，确保当前用户是安全的，有访问改接口权限的
前端全局配置token的使用
- 前端在登录成功的时候，把返回的
token存在localStorage中 - 在
main.js中是配置全局过滤，每次请求的时候必须有token
axios.interceptors.request.use(
config =>{
let token = localStorage.getItem('token')
if(token){
//这里面获取的请求头的键(tokenHeader)根据每个后端的习惯封装的名称各不相同
config.headers.common['tokenHeader'] = token
}
return config
}, error =>{
return Promise.reject(error)
}
)本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-04-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录