Vue js, axios: 403 неверный токен доступа, хотя и правильный

Question

В приложении My Vue есть поле для подписки по электронной почте, в котором есть кнопка отправки, которая помещает сообщение в мой API. Когда я нажимаю кнопку «Отправить», я получаю следующую ошибку:

{"meta":{"status":false,"error":{"code":0,"message":"Wrong access token.","customer_message":""}},"data":[]}

Я на 100% уверен, что мой ключ API верен, как и ссылка на мой API.

Это код, который у меня есть:

<template>
<div class="subscription">
      <div class="email_field">
        <input
          class="email_subscription"
          type="email"
          v-model="postEmail"
          name="email_subscription"
          placeholder="Email address here"
        />
      </div>
      <div class="submit_email">
        <input type="submit" class="button_submit" @click="submitEmail()" value="Submit" />
      </div>
</div>

</template>

<script>
export default {
  data() {
    return {
      postEmail: null,
      language: "en",
    };
  },

  methods: {
    submitEmail() {
      axios
        .post(
          "https://my_api.com/registrations?access_token=my_api_key",
          {
            language: this.language,
            user_email: this.postEmail,
            auth: {
              username: "username",
              password: "password"
            }
          }
        )
        .then(response => {
          // console.log(response);
        })
        .catch(function(error) {});
    }
  }
};
</script>

Я не уверен, что я делаю здесь неправильно. Я был бы очень признателен за помощь. Спасибо!

Answer 1

Я удалил раздел авторизации и все заработало! Раздел аутентификации был таким:

auth: {
              username: "username",
              password: "password"
            }

Answer 2

Вы можете добавить объект заголовка

 methods: { submitEmail() {   axios
        .post(
          "https://my_api.com/registrations?access_token=my_api_key"
          {
            language: this.language,
            user_email: this.postEmail,
            auth: {
              username: "username",
              password: "password"
            }
          }, 
{  headers: { 'Content-Type': 'application/json', 'Authorization': 'JWT fefege...' }  } )  .then(response =>  { // console.log(response); })  .catch(function(error) {}); } }