在vue项目中使用axios请求，post方法向后端提交json格式的参数

最新推荐文章于 2024-09-14 10:44:30 发布

原创最新推荐文章于 2024-09-14 10:44:30 发布 · 6.2k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍如何在Vue项目中利用Axios发起POST请求并发送JSON格式的数据。文章详细讲解了Axios的安装步骤、全局注册方法及具体使用案例。

在vue项目中使用axios请求，post方法向后端提交json格式的参数

首先安装axios

npm install axios

在main.js中应用

import axios from 'axios'
 
Vue.prototype.$axios=axios //定义为全局

在vue文件中使用

//定义一个json示例
var jsons={  
    arr:["123"],
    str:'123'
}
//在需要的事件中直接使用
this.$axios({
    url:'',
    data:jsons,
    header:{
        'Content-Type':'application/json'  //如果写成contentType会报错
    }
})
.then(res=>{
    console.log(res.data)
})
.catch(Error=>{
    console.log(Error)
})