vue如何发送token到请求头中

最新推荐文章于 2025-05-16 12:14:06 发布

s___j

最新推荐文章于 2025-05-16 12:14:06 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/s___j/article/details/120557137

本文介绍如何在Vue.js应用中，通过axios在每次请求时自动添加token到请求头。主要操作是在main.js文件中配置axios实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在设置axios属性的文件里，重新定义axios，使每次请求时都会获取token值，发送到请求头中
我这里的axios属性设置在main.js文件中

Vue.prototype.$axios=axios
Vue.prototype.$qs=qs
axios.interceptors.request.use(
     config => {
      //先从浏览器的回话存储中提取token值   
         const tokenStr = window.sessionStorage.getItem('token')
      if (tokenStr) {
        config.headers.token=tokenStr
      }
      return config
      }）