如何使用 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 中传递数据的主要内容,如果未能解决你的问题,请参考以下文章

如何在没有任何 vue 库的情况下在 vue 回调中获取 http 响应标头(axios)

如何将变量从 axios 获取请求传递给 vuejs 中的子组件?

Laravel VueJS,Axios 看不到 CORS 标头,但 Postman 和浏览器可以

使用 axios POST 请求传递标头

如何在 Vuejs 中传递 json 对象?

在 VueJS 中为 Get、Post、Patch 配置全局标头的最佳方法