Nuxt Authentication API 호출 전략

Nuxt Authentication API 호출 전략

현재 만들고 있는 앱에 익숙하지 않은 API 호출이 있습니다.다음 API를 설정하려면 몇 가지 파라미터가 필요합니다.현재 창의 서브도메인을 기반으로 url 파라미터를 선택하여 첫 번째 API 콜을 만듭니다.그 후 Vuex 스토어를 사용하여 조직 데이터의 관련 정보를 저장합니다.

도 인가가 에 인가를 설정하려고 합니다.nuxt.config.jsvuex 스토어에서 데이터를 동적으로 추가할 수 없습니다.하다현재 로컬 기본 전략을 사용하고 있지만 URL 요청을 동적으로 만들지 않습니다.

nuxt.config.js

 /*
   ** Nuxt.js modules
   */
  modules: ['@nuxtjs/axios', '@nuxtjs/auth'],
  /*
   ** Axios configuration
   */
  axios: {
    baseURL: 'https://api.getconflux.com',
    headers: {
      common: {
        Accept: 'application/json, text/plain, */*'
      }
    }
  },
  /*
   ** Auth configuration
   */
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: {
            method: 'post',
            propertyName: 'token'
          },
          logout: {
            url: '/logout',
            method: 'post'
          },
          user: {
            url: '/supporters/me',
            headers: {
              'organization-id': getters.companyId,
              // Authorization Bearer needs to be automatically called from login
            },
            method: 'get',
            propertyName: 'voter'
          },
        }
      }
    },
    customStrategy: {
      user: '~/schemas/user'
    },
    redirect: {
      home: '/'
    }
  }

인덱스 페이지가 로드될 때 URL 없이 수동으로 설정한 현재 로그인입니다.이후 API 호출에 필요한 데이터를 사용하여 상태를 구축하기 위한 첫 번째 API 호출입니다.

auth api 요구가 기능하기 fetchUser()user 할지 요?기서서고고고고고고고고고고고고고?

어떻게 하면 가장 잘 구현할 수 있는지 아는 사람 있나요?

어떤 도움이라도 감사합니다!

잘 부탁드립니다!

는 "로 할 수 .nuxt.config.js후 후 Vuex로 합니다.setUserNuxtJS의 NuxtJ. 당신의 ★★★★★★★★★★★★★★★★★★★★★★★에nuxt.config.js을 사용하다

/*
   ** Nuxt.js modules
   */
  modules: ['@nuxtjs/axios', '@nuxtjs/auth'],
  /*
   ** Axios configuration
   */
  axios: {
    baseURL: 'https://api.getconflux.com',
    headers: {
      common: {
        Accept: 'application/json, text/plain, */*'
      }
    }
  },
  /*
   ** Auth configuration
   */
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: {
            method: 'post',
            propertyName: 'token'
          },
          logout: {
            url: '/logout',
            method: 'post'
          },
          user: false
    },
    customStrategy: {
      user: '~/schemas/user'
    },
    redirect: {
      home: '/'
    }
  }

그런 다음 사용자의 스토어에서 작업(또는 사용자 세부 정보를 얻기 위해 API 요청을 만드는 변환)이 발생합니다. 나서 '아예'로 전화를 걸면 됩니다.setUser여기에 기술한 바와 같이

언급URL : https://stackoverflow.com/questions/62483913/nuxt-authentication-api-calls-strategies