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

Posted

技术标签:

【中文标题】如何使用 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 ,但它仍然没有打印。我认为您尚未将功能绑定到按钮。

以上是关于如何使用 axios 标头在 vuejs 中传递数据的主要内容,如果未能解决你的问题,请参考以下文章