位置: IT常识 - 正文

Vue使用axios发送get请求并携带参数(vue发送数据)

编辑:rootadmin
Vue使用axios发送get请求并携带参数 前言

推荐整理分享Vue使用axios发送get请求并携带参数(vue发送数据),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue发送数据,vue中的axios如何实现,vue发送axios请求,vue发送请求的几种方式,vue发送数据,vue发送axios请求,vue发送数据,vue发送axios请求,内容如对您有帮助,希望把文章链接给更多的朋友!

其实关于Vue使用axios发送get请求并携带参数,我之前写过一篇,但是昨天又发现了另外一种方式,所以就单独写一篇进行总结。

之前写的那篇使用get请求并携带参数都是使用的字符串拼接的方式

感兴趣可以参考: Vue使用axios进行get请求拼接参数的两种方式

关于如何使用安装下载axios,我之前也写过,感兴趣的话可以看看。

前台传参

这里我有一个业务场景,登录的时候需要把输入的账号和密码传递给后端:

这里前后端没做加密逻辑,只是为了举例子解释说明!正常是要加密的,不能是要明文密码登录!

前端传递的时候,可以借助axios的params属性:

Vue使用axios发送get请求并携带参数(vue发送数据)

注意:axios的回调函数,一定要使用箭头函数,不然this的指向不是vue示例

相关代码如下:

login(){ axios.get('http://localhost:9090/user/login', { // 传递的参数 params: { // 账号 account:this.formLogin.account, // 密码 password:this.formLogin.password, // 测试参数 testParam:'hello world' } // 回调函数,一定要使用箭头函数,不然this的指向不是vue示例 }).then(res =>{ // 如果状态为400,说明登录失败 if(res.data.status===400){ // 登录失败提示 this.$message({showClose: true, message: '登录失败,请检查账号和密码!',type: 'error', duration:2000,center:true}); }else{ // 登录成功提示 this.$message({showClose: true, message: '登录成功!',type: 'success', duration:2000,center:true}); // 跳转到首页路由 this.$router.push("/main/home"); } }).catch(error =>{ console.log(error) }) },

可以通过控制台查看完整的get请求:

http://localhost:9090/user/login?account=wyh19991101&password=123456&testParam=hello+world

也可以通过控制台查看传递的参数:

后台接参

前台代码以及写完了,再看下后台是否可以正常接收吧

可以发现,也是没有任何问题的。

这样就完成了一个简单的使用axios发送get请求并携带参数的方式了。并且涉及到前后端交互。

本文链接地址:https://www.jiuchutong.com/zhishi/289798.html 转载请保留说明!

上一篇:处于美轮美奂的光影中的圣米歇尔山 (© Mathieu Rivrin/Getty Images)(美轮美奂的对象是什么)

下一篇:Uni-app + Vue3 + TS +Vite 创建项目

  • 应付职工薪酬在资产负债表怎么填
  • 发票章坏了能自己刻吗
  • 单一环节征税有哪些类型
  • 承兑汇票能直接兑换吗
  • 增值税普通发票有什么用
  • 驾驶员行车补贴开什么发票
  • 农民工工资保证金管理暂行办法
  • 网线的税收编码是多少
  • 个人独资企业的债务由谁承担
  • 银行代扣水费发票怎么开
  • 以前年度已交增值税额
  • 已抵扣的发票怎么开红字发票申请单
  • 申请最高开票限额不超过10万元的无需事前实地查验
  • 实收资本与账簿不一致
  • 多认证的增值税怎么处理
  • 风险纳税人如何解除
  • 未办理房屋预售许可证怎么处理
  • 外地派人来出差怎么报备
  • 小微企业减半征收印花税代码
  • 资本公积转增股本会计处理
  • 试生产期间的账务处理
  • 企业怎么才能开100万发票
  • 企业识别码怎么查询
  • 负数到正数的增减
  • 如何进行公司注销流程
  • 委托加工物资成本计入
  • Linux系统中Squid代理服务器配置全过程解析
  • 会计中记账凭证的名词解释
  • thinkphp登录验证
  • 马蹄莲的养殖方法和注意事项视频
  • PHP:file_put_contents()的用法_Filesystem函数
  • 所有者权益类的期末余额公式
  • 康沃尔郡的大学
  • 固定资产减少的账务处理
  • 期初未缴纳税额怎么计算
  • Deep Learning Tuning Playbook(深度学习调参手册中译版)
  • uniapp开发微信小程序怎么样
  • 企业怎么可以合理避税?
  • 成本核算的会计处理
  • 加班补贴费
  • 长期挂账的"其他应收款"该怎么处置
  • 发票无法收回会计分录
  • 未开票收入缴纳增值税做账
  • 企业合并结果
  • 每月企业所得税怎么征收
  • 房屋租赁的发票能抵扣吗
  • 销售货物应税劳务清单怎么填
  • sql server数据类型明明放的是浮点型,老是说是其他的
  • 房地产预缴所得税的计税基础
  • 预付房租计入长期待摊费用吗
  • 跨年银行回单怎么入账
  • 出口退税相关税法文件
  • 超市出租摊位交什么税
  • 专利年费计入哪里
  • 预计负债是暂时性差异还是永久性差异
  • 房产税开征利好那些概念股 新闻
  • 新公司季初资产总额填什么
  • 公益募捐的基金是什么
  • friend怎么用
  • mysql 5.7 8.0
  • sql server使用教程(图文)
  • solaris 安装
  • 在windows的命令提示符下,命令名在实际输入时规定
  • ubuntu安装chia
  • win7修改用户密码命令
  • 举例讲解水生花卉栽培管理
  • js判断浏览器是否为ie
  • cocos2djs
  • nodejs引入模块
  • javascript中的函数也称为什么
  • css在ie失效
  • python读json文件和写json文件
  • unity一运行就停止工作
  • node.js中http模块和url模块的简单介绍
  • 对计划单列市税务局不服向谁复议
  • 浙江省国家电子税务局官网登录
  • 商业保险扣除限额企业所得税
  • 特斯拉绿色牌照
  • 税务局政务公开目录
  • 巾帼文明岗主题内容
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设