if( localStorage.getItem('TOKEN') ){ config.headers['Authorization'] = localStorage.getItem('TOKEN'); }
时间: 2024-01-05 22:02:21 浏览: 87
这是一段 JavaScript 代码,它的作用是从本地存储中获取名为 "TOKEN" 的值,如果存在则将其设置为HTTP请求头的 "Authorization" 属性的值。
这个代码片段通常用于在发送HTTP请求时向服务器发送身份验证令牌,以便服务器可以验证请求的发件人是否有权访问所请求的资源。如果 "TOKEN" 值有效并且与服务器上的令牌匹配,则服务器将允许请求访问所请求的资源。
相关问题
const http = axios.create({ timeout: 1000 * 30, withCredentials: true, headers: { 'Content-Type': 'application/json; charset=utf-8' } }) //请求拦截器 http.interceptors.request.use( config => { var Authorization = localStorage.getItem("Authorization") // debugger // console.log("授权码是:" + Authorization) if (Authorization) { //判断token是否存在 config.headers['Authorization'] = Authorization; //将token设置成请求头 } return config; }, err => { return Promise.reject(err); } ); /** * 响应拦截 */ http.interceptors.response.use(response => { // debugger if (response.data && response.data.code === 401) { // 10021, token失效 clearLoginInfo() // console.log("token过期") router.replace('/') } // debugger // console.log(typeof (response.headers.Authorization)) // console.log(response.headers.Authorization) // debugger if (typeof (response.headers.authorization) !== "undefined") { let token = response.headers.authorization localStorage.setItem('Authorization', 'Bearer ' + token) // console.log("已经刷新token: " + token) } // debugger return response }, error => { return Promise.reject(error) }) export default http;
这段代码是使用axios进行网络请求时,设置了请求拦截器和响应拦截器。
请求拦截器用于在请求发送前对请求进行处理,这里判断了本地存储中是否存在Authorization,如果存在则将其设置成请求头的Authorization字段,这是用于用户身份验证的Token。如果不存在则不进行处理。
响应拦截器用于在响应返回后对响应进行处理,这里判断了响应中是否包含Authorization字段,如果包含则将其存储到本地存储中,用于更新用户身份验证的Token。另外,如果响应中的状态码为401,则表示用户的Token已失效,需要清除本地存储中的Token,并将用户重定向到登录页面。
这种拦截器的设置可以增强应用的安全性和稳定性,可以在请求和响应中进行统一的处理,减少代码的重复编写。
axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token')
这行代码主要是设置 axios 的请求头部信息,其中 Authorization 是一个常用的 HTTP 请求头部,用于在向服务器发送请求时传递认证信息,以验证客户端对资源的访问权限。这里的 Bearer 表示将在请求头部中使用 JWT(JSON Web Token)作为认证凭据。
localStorage.getItem('token') 则是从浏览器的本地存储中获取保存的 token 值。通常情况下,当用户登录成功后,服务器会返回一个 token 给客户端,客户端将该 token 存储在浏览器的本地存储中,以便在后续的请求中携带该 token,进行身份验证和授权操作。
阅读全文