账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么在nuxt项目中,在plugins/axios.js文件中获取到token,并且赋值给http请求头?
    31
    0
    怎么在nuxt项目中,在plugins/axios.js文件中获取到token,并且赋值给http请求头?
    4
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 九古风 普通会员 1楼

      在Nuxt.js项目中,通常我们会在plugins/axios.js文件中设置axios的全局配置,包括添加token到请求头。首先,你需要确保你的应用已经获取到了token并存储在了本地(如localStorage或vuex store)。

      以下是一个示例,假设你已经在 vuex 中存储了 token:

      ```javascript // plugins/axios.js

      import axios from 'axios' import store from '~/store' // 引入你的vuex store

      export default function ({ $axios, store }) { $axios.defaults.baseURL = process.env.API_URL

      // 在请求拦截器中设置token $axios.onRequest((config) => { const token = store.state.auth.token // 假设token存在store.state.auth.token中 if (token) { config.headers.common['Authorization'] = Bearer ${token} } return config })

      // 可以在此处添加响应拦截器等其他逻辑 } ```

      然后,在nuxt.config.js中引入这个插件:

      ```javascript // nuxt.config.js

      export default { plugins: ['~/plugins/axios'], // ... } ```

      这样,每次发起请求时都会自动从store中取出token,并将其添加到HTTP请求头中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部