如何使用 axios 标头在 vuejs 中传递数据答案

【问题标题】：how to pass data in vuejs using axios header如何使用 axios 标头在 vuejs 中传递数据
【发布时间】：2021-01-31 15:47:09
【问题描述】：

我在制作表单时遇到了困难，我使用 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) => {});
},

我已经将按钮与模板上的事件绑定了，是我做错了还是我错过了什么？

【问题讨论】：

您也可以尝试阅读错误信息...
不知何故没有错误消息，我已经控制台记录了响应，但是当我按下按钮时似乎该功能没有运行
我更喜欢调试器而不是控制台日志——但我不会猜出什么是错的，你必须验证每一步。目前您将错误排除在外。
您应该添加有关该问题的更多信息。例如，您调用此方法的模板中发生了什么

标签： vue.js axios vue-cli

【解决方案1】：

你是否正确配置了 main.js 中的 axios？像这样：

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

如果你这样做了，你应该像this.$axios.post()一样使用它

【讨论】：

是的，我做了，我只是尝试使用 $axios 结果还是一样
我阅读了上面的 cmets。你的意思是你在函数中添加了一个 console.log ，但它仍然没有打印。我认为您尚未将功能绑定到按钮。