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

Posted 2023-02-22

【中文标题】如何使用 axios 标头在 vuejs 中传递数据

【英文标题】：how to pass data in vuejs using axios header

【发布时间】：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) => );
,

,

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

【问题讨论】：

您也可以尝试阅读错误信息...

不知何故没有错误消息，我已经控制台记录了响应，但是当我按下按钮时似乎该功能没有运行

我更喜欢调试器而不是控制台日志——但我不会猜出什么是错的，你必须验证每一步。目前您将错误排除在外。

您应该添加有关该问题的更多信息。例如，您调用此方法的模板中发生了什么

【参考方案1】：

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

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

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

【讨论】：

是的，我做了，我只是尝试使用 $axios 结果还是一样

我阅读了上面的 cmets。你的意思是你在函数中添加了一个 console.log ，但它仍然没有打印。我认为您尚未将功能绑定到按钮。