NuxtJS插件传递$axios、context等参数报错求助

你的问题核心是Nuxt插件的参数传递逻辑理解错了——Nuxt的插件函数只接收两个参数：第一个是包含所有上下文属性的对象（比如$axios、store、env等），第二个是inject函数。你把参数拆成了四个独立变量，导致后面的context、store其实都是undefined，自然拿不到context.env.authUrl。

修正后的代码示例 #

export default ({ $axios, store, env }, inject) => {
  // 从store中获取auth0的token
  const authToken = store.$auth.$storage._state[`_token.auth0`];

  const auth = $axios.create({
    baseURL: env.authUrl, // 直接使用解构出来的env对象
    headers: {
      Accept: 'application/vnd.api+json', // 修正：该值属于Accept头的取值
      Authorization: authToken ? `Bearer ${authToken}` : '', // 标准Bearer Token格式
      'Content-Type': 'application/vnd.api+json' // 若需要指定请求格式，补充该头
    }
  });

  // 将自定义axios实例注入应用，组件中可通过this.$authAxios调用
  inject('authAxios', auth);
};

关键修正点 #

• 参数解构正确：把需要的$axios、store、env都从第一个上下文参数中解构出来，inject作为第二个独立参数接收。
• env的正确访问：直接使用env.authUrl，而非context.env.authUrl（因为已经解构了env属性）。
• Headers格式修正：你之前把application/vnd.api+json错误放在了Authorization头里，这个值应该属于Accept或Content-Type；Authorization需要遵循Bearer ${token}的标准格式（适配auth0的token规则）。
• 注入实例：最后记得用inject把自定义的axios实例注入到应用中，这样其他组件才能正常调用。

另外小提示：直接访问store.$auth.$storage._state属于读取私有属性，建议优先使用$auth提供的公开方法获取token（比如store.$auth.getToken('auth0')），避免后续版本更新导致兼容性问题。

内容的提问来源于stack exchange，提问作者Shwmae