brandpay.requestPayment

const brandpay = tossPayments.brandpay({
  customerKey: mbId.value,
  redirectUrl: window.location.origin + "/bridge/toss/brand-pay-auth",
});

const brandpay = tossPayments.brandpay({
  customerKey: mbId.value,
  redirectUrl: window.location.origin + "/bridge/toss/brand-pay-auth",
});

<script setup lang="ts">
const { public: { apiBase } } = useRuntimeConfig();

definePageMeta({
  layout: "authentication",
});
const router = useRouter();
const route = useRoute();

const code = route.query.code;
const customerKey = route.query.customerKey;

onMounted(async () => {
  console.log(code, customerKey);
  const { data, status, error } = await useFetch(
    `${apiBase}/api/v1/user/goods/auth`,
    {
      method: "put",
      headers: { "Content-Type": "application/json" },
      body: {
        code: code,
        customer_key: customerKey,
      },
    }
  );
});
</script>

<script setup lang="ts">
const { public: { apiBase } } = useRuntimeConfig();

definePageMeta({
  layout: "authentication",
});
const router = useRouter();
const route = useRoute();

const code = route.query.code;
const customerKey = route.query.customerKey;

onMounted(async () => {
  console.log(code, customerKey);
  const { data, status, error } = await useFetch(
    `${apiBase}/api/v1/user/goods/auth`,
    {
      method: "put",
      headers: { "Content-Type": "application/json" },
      body: {
        code: code,
        customer_key: customerKey,
      },
    }
  );
});
</script>

const route = useRoute();
const code = route.query.code;
const customerKey = route.query.customerKey;
onMounted(async () => {
  const grantType = 'AuthorizationCode';
  const refreshToken = '';

  const { data: auth } = await useFetch(
    console.log(code, customerKey);
    `${tossBaseUrl}/v1/brandpay/authorizations/access-token`,
    {
      method: "POST",
      headers: {
        authorization: "Basic " + tossBrandPaySecretBase64,
        "Content-Type": "application/json"
      },
      body: {
        code: code,
        customerKey: customerKey,
        grantType: grantType,
        // refreshToken: refreshToken,
      }
    }
  )
});

const route = useRoute();
const code = route.query.code;
const customerKey = route.query.customerKey;
onMounted(async () => {
  const grantType = 'AuthorizationCode';
  const refreshToken = '';

  const { data: auth } = await useFetch(
    console.log(code, customerKey);
    `${tossBaseUrl}/v1/brandpay/authorizations/access-token`,
    {
      method: "POST",
      headers: {
        authorization: "Basic " + tossBrandPaySecretBase64,
        "Content-Type": "application/json"
      },
      body: {
        code: code,
        customerKey: customerKey,
        grantType: grantType,
        // refreshToken: refreshToken,
      }
    }
  )
});

  // 3. Toss API 호출
  const response:iResAccessToken = await $fetch(`${tossBaseUrl}/v1/brandpay/authorizations/access-token`, {
    method: 'POST',
    headers: {
      authorization: "Basic " + tossBrandPaySecretBase64,
      "Content-Type": "application/json"
    },
    body: {
      code: code,
      customerKey: customerKey,
      grantType: grantType,
      refreshToken: refreshToken,
    },
  });

  // 4. 엑세스 토큰 저장 
  console.log('response', response);

  // 3. Toss API 호출
  const response:iResAccessToken = await $fetch(`${tossBaseUrl}/v1/brandpay/authorizations/access-token`, {
    method: 'POST',
    headers: {
      authorization: "Basic " + tossBrandPaySecretBase64,
      "Content-Type": "application/json"
    },
    body: {
      code: code,
      customerKey: customerKey,
      grantType: grantType,
      refreshToken: refreshToken,
    },
  });

  // 4. 엑세스 토큰 저장 
  console.log('response', response);