无法使用 Nuxt Auth 和 Axios 读取未定义的属性“授权”答案

【问题标题】：Cannot read property 'Authorization' of undefined with Nuxt Auth & Axios无法使用 Nuxt Auth 和 Axios 读取未定义的属性“授权”
【发布时间】：2022-04-26 02:01:27
【问题描述】：

自过去 3-4 个月以来，我一直在 nuxt 项目中使用 nuxt/auth-next 和 axios 模块，从昨天开始一切正常，但现在每当我尝试将 axios 请求发送到公共 API 而不在标头中传递授权时，我得到这个错误

Cannot read property 'Authorization' of undefined with Nuxt Auth & Axios

附上页面截图

下面是我在 index.js 存储文件中的代码

export const actions = {
  async nuxtServerInit({ commit }, context) {
    // Public profile
    if (context.route.params && context.route.params.subdomain) {
      context.$axios.onRequest((config) => {
        config.progress = false
      })

      let { data } = await context.$axios.get(
        `users/get_user_data_using_subdomain/${context.route.params.subdomain}`,
        {
          headers: {
            'Content-Type': 'multipart/form-data',
          },
        }
      )
      await context.store.dispatch('artists/setPublicProfile', data.user_data)
    }
  },
}

【问题讨论】：

您可以尝试删除axios.get() 中的headers 属性，并在axios.get() 之前添加context .$axios.setHeader('Content-Type', 'multipart/form-data')。在授权标头中发送令牌时，我遇到了类似的问题。
我也有同样的问题。它似乎只在同时使用 Auth 和 Axios 时发生。如果没有 Auth，我不会收到此错误。有这方面的消息吗？

标签： axios nuxt.js nuxt-auth

【解决方案1】：

当我在注入中使用 context.app.$axios 而不是 context.$axios 时发生这种情况

【讨论】：