首页 > 其他分享 >Vue axios 请求方式汇总

Vue axios 请求方式汇总

时间:2024-07-29 21:07:00浏览次数:17  
标签:axios console log 汇总 Vue error data response

1.发送form-data形式

let formData = new FormData();
formData.append('username', data.username); // 添加键值对
formData.append('password', data.password); // 添加键值对
axios.post('http:/xxx/cms-admin/user/login', formData).then(response => {
    console.log("data:", response.data)
    if (response.data.status != 0) {
        ElMessage.error(response.data.errmsg)
        return
    }

}).catch(error => {
    console.log("error:", error)
})

2.发送json

post请求 [axios post的默认请求头是 application/json]

const data = reactive({
    username: '',
    password: '',
})

axios.post('http:/xxx/cms-admin/user/login', data).then(response => {
    console.log("data:", response.data)
    if (response.data.status != 0) {
        ElMessage.error(response.data.errmsg)
        return
    }

}).catch(error => {
    console.log("error:", error)
})

 

标签:axios,console,log,汇总,Vue,error,data,response
From: https://www.cnblogs.com/zhaoyingjie/p/18331075

相关文章

  • ssm+vue的互联网智慧风光惠农平台【开题+程序+论文】-计算机毕业设计
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,特别是大数据、云计算、物联网等先进技术在农业领域的广泛应用,智慧农业已成为推动农业现代化转型的重要力量。然而,我国农村......
  • ssm+vue的儿童福利院管理系统【开题+程序+论文】-计算机毕业设计
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在当今社会,儿童福利事业作为社会保障体系的重要组成部分,承担着关爱、保护与教育孤残、流浪及困境儿童的重任。随着社会的进步和人们对儿童权益重视程......
  • ssm+vue蛋糕销售网站【开题+程序+论文】-计算机毕业设计
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,电子商务已成为现代商业不可或缺的一部分,深刻改变了人们的消费习惯。在食品行业中,蛋糕作为一种深受各年龄段消费者喜爱的甜......
  • ssm+vue大学生互助学习平台【开题+程序+论文】-计算机毕业设计
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在当今信息化高速发展的时代,高等教育正经历着前所未有的变革。随着知识更新速度的加快和学习方式的多样化,大学生对于高效、灵活的学习资源及互助机制......
  • Vue+cesium二次开发实例
    创建Vue3项目首先使用vue createvue-demo(自定义项目名)创建一个vue3项目接下来选择自定义配置,这里我们选择Router,其他几个按需选择选择vue3版本这里选择否(输入N),其他几项可以跳过,回车即可配置项目文件项目创建成功,接下来我们在VScode中打开这个文件夹,并新建一个终端......
  • js vue3 vue2鼠标单击事件复制指定内容到粘贴板
    借助原生JavaScript的 navigator.clipboard.writeText() 方法来时(要求页面是在用户交互的上下文中,比如点击事件处理程序中调用)如:点击列表的复制按钮,得到指定列(data)的值到粘贴板<template><div><button@click="click">复制文本</button></div></templ......
  • 周报 | 24.7.22-24.7.28文章汇总
    为了更好地整理文章和发表接下来的文章,以后每周都汇总一份周报。周报|24.7.15-24.7.21文章汇总-CSDN博客集智书童|超级干货|用万字文章总结25种正则化方法(值得收藏)-CSDN博客kaggle竞赛宝典|时序表示学习的综述!_时间序列预测kaggle-CSDN博客小白学视觉|漫谈图神......
  • axios中的那些天才代码!看完我实力大涨!
    ......
  • 微信小程序,web,uniapp-vue前端图片压缩思路-------uniapp-nvue如何压缩
    uniapp官方提供的压缩接口,只支持jpg的压缩,所以,直接放弃在非nvue的页面中,统一使用canvas获取图片信息,并重新绘制。存在一个问题,canvas必须指定宽高,不能动态给定,所以可能存在一些问题。nvue页面,又无法使用canvas,或者说,性能不是很好。一个隐藏的canvas只做图片处理使用,应该不会影......
  • springboot+vue基于web点餐小程序的个性化推荐演示录像【程序+论文+开题】-计算机毕业
    系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,餐饮业正经历着前所未有的变革。传统餐饮模式逐渐向智能化、数字化转型,其中,基于Web的点餐小程序凭借其便捷性、高效性和广泛的用户覆盖,成为了餐饮行业的重要服务形式。然而,在海量美食信息与多样化消费者需求......