Nuxt Auth中间件：Local Scheme能否用自定义JS函数替代Axios接口？

完全可以实现，无需发起Axios API请求，核心是重写现有策略的登录方法或者创建自定义Scheme，直接调用你的认证逻辑函数。以下是具体实现方案：

方案一：重写Local策略的Login方法 #

直接在nuxt.config.js的Auth配置中，覆盖Local策略默认的login方法，替换成你的自定义认证逻辑：

auth: {
  strategies: {
    local: {
      token: {
        property: 'token',
        global: true
      },
      user: {
        property: 'user'
      },
      // 重写登录方法，替代默认Axios请求
      async login(credentials) {
        // 调用你的自定义认证函数，传入用户名和密码
        const authResult = await yourCustomAuthFunction(credentials.username, credentials.password);
        
        if (authResult.success) {
          // 将认证结果存入Auth模块的状态中
          this.$auth.setToken('local', authResult.token);
          this.$auth.setUser(authResult.user);
          return { token: authResult.token, user: authResult.user };
        } else {
          // 认证失败时抛出错误，触发Auth模块的错误处理
          throw new Error(authResult.message || '登录失败');
        }
      },
      // 可选：重写登出方法（如果不需要默认API请求）
      async logout() {
        this.$auth.reset(); // 清除Auth模块的token和用户信息
        // 这里可以添加你的自定义登出逻辑，比如清理本地存储等
      },
      // 可选：重写用户信息获取方法（如果不需要从API拉取）
      async fetchUser() {
        return this.$auth.user; // 直接返回已存储的用户信息
      }
    }
  }
}

其中yourCustomAuthFunction就是你自己实现的认证逻辑，比如本地验证、调用第三方非Axios接口、读取本地存储的用户数据校验等。

方案二：创建自定义Scheme #

如果你的认证逻辑比较复杂，或者需要复用自定义逻辑，可以创建独立的Scheme文件：

1. 在项目plugins目录下创建auth-custom-scheme.js：

import { Scheme } from '@nuxtjs/auth'

export default class CustomAuthScheme extends Scheme {
  async login(credentials, redirect) {
    // 调用自定义认证函数
    const authResult = await yourCustomAuthFunction(credentials.username, credentials.password);
    
    if (authResult.success) {
      this.$auth.setToken(this.name, authResult.token);
      this.$auth.setUser(authResult.user);
      
      // 登录成功后跳转（如果传入redirect参数）
      if (redirect) {
        this.$auth.redirect(redirect);
      }
      
      return authResult;
    } else {
      throw new Error(authResult.message || '登录失败');
    }
  }
  
  async logout() {
    this.$auth.reset();
    // 添加自定义登出逻辑
  }
  
  async fetchUser() {
    return this.$auth.user;
  }
}

2. 在nuxt.config.js中配置使用这个自定义Scheme：

auth: {
  strategies: {
    custom: {
      scheme: '~/plugins/auth-custom-scheme.js',
      token: {
        property: 'token',
        global: true
      },
      user: {
        property: 'user'
      }
    }
  },
  defaultStrategy: 'custom' // 设置为默认认证策略
}

注意事项 #

• 自定义认证函数需要返回包含success（布尔值）、token、user的结果对象，失败时返回错误信息。
• 无论哪种方案，都需要确保setToken和setUser方法正确调用，这样Auth模块才能维护登录状态。

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