как передавать данные в vuejs с помощью заголовка axios

#vue.js #axios #vue-cli

#vue.js #axios #vue-cli

Вопрос:

У меня возникли трудности с формой, которую я создал, сценарий методов, который я написал с использованием заголовка axios, вообще не работает, он не показывает никакого ответа. вот сценарий

 methods: {
selesai() {
  let vm = this;
  vm.spinner = true;
  axios
    .post(
      ipBackend   "/admin/create",
      {
        createNewUser: this.formInput
      },
      {
        headers: {
          accesstoken: localStorage.getItem("token"),
        },
      }
    )
    .then(function (response) {
      console.log(response)
      vm.spinner = false;
      this.$router.push({ path: "/profilkonselor" });
    })
    .catch((err) => {});
},
  

},

Я уже привязываю кнопку к событию в шаблоне, я делаю это неправильно или что-то упускаю?

Комментарии:

1. Вы также можете попробовать прочитать сообщение об ошибке…

2. почему-то нет сообщения об ошибке, я уже консоль. запишите ответ, но, похоже, функция не запускается, когда я нажал кнопку

3. Я предпочитаю отладчик над журналом консоли — но я не буду угадывать, что не так, вы должны проверять каждый шаг. В настоящее время вы отключаете ошибки.

4. Вы должны добавить больше информации о проблеме. Например, что происходит в вашем шаблоне, где вы вызываете этот метод

Ответ №1:

Вы настроили axios в main.js правильно? вот так:

 import axios from 'axios'
Vue.prototype.$axios = axios
  

Если вы это сделали, вы должны использовать его как this.$axios.post()

Комментарии:

1. да, я это сделал, и я только что попробовал использовать $axios, результат все тот же

2. Я прочитал комментарии выше. Вы имеете в виду, что вы добавляете консоль. войдите в функцию, но она по-прежнему не печатается. Я думаю, вы не привязали функцию к кнопке.