当前位置: 首页 > news >正文

vue3开发,axios发送请求是携带params参数的避坑

vue3开发,axios发送请求是携带params参数的避坑!今天一直报错,点击新增购物车,报错,

【Uncaught (in promise) TypeError: target must be an object】。查询了网上的资料说的都不对。都没有解决。最终还是被我整明白了。


网上网友说的是,axios的引用方式,vue3的改变了。必须是配置一下才能用。

app.config.globalProperties.$http = axios

如图所示,是用了这个配置参数来完成了axios的使用。

不能用app.use(axios)。这样是错误的。


 

/*** 加入购物车*/
export function addOneOrders(id){return httpInstance({url:'/order/addOneOrder?',params:{id:id}})
}

这个代码是,修正后的,参数格式。用一个json对象去给接口传递参数。id.

之前我写的是,

params:id。这样写的。不知道为什么昨天是正常的。今天忽然就不行了。

改成json对象的格式传递过去,一切恢复了正常。

接口路径后面,不需要带任何的符号。问号是不需要的。因为有了json对象,它会自动帮你映射到接口里面的参数,只需要您保证参数名字,和json里面的属性名字一致就行了。省心了。


如图,我新增了三条购物车的信息,是正常的。说明改成json对象作为参数传给后端使用,是正确的。 

相关文章:

  • Android 12.0 应用中监听系统收到的通知
  • 代码随想录算法训练营第36天 | 435.无重叠区间 + 763.划分字母区间 + 56.合并区间
  • 投标书撰写注意事项
  • HiveSQL题——数据炸裂和数据合并
  • 海外短剧系统国际短剧源码h5多语言版app挂载tiktok油管ins
  • Linux系统-学习
  • LaTeX 文本对齐:ragged2e 宏包
  • 【大厂AI课学习笔记】1.3 人工智能产业发展(4)——泛在的人工智能
  • 提升小波变换的程序演示
  • 什么是系统工程(字幕)13
  • Shell - 学习笔记 - 2.6 - Shell $*和$@之间的区别
  • 延伸与应用(三)婚姻与经济、运动、宗教、科技与经济
  • Windows11通过Hyper-V创建VM,然后通过vscode连接vm进行开发
  • 我的数据结构c(给自己用的)
  • 无需 Root 卸载手机预装软件,精简过的老年机又行了
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • [NodeJS] 关于Buffer
  • 【comparator, comparable】小总结
  • Cumulo 的 ClojureScript 模块已经成型
  • Java 23种设计模式 之单例模式 7种实现方式
  • js继承的实现方法
  • linux安装openssl、swoole等扩展的具体步骤
  • Node + FFmpeg 实现Canvas动画导出视频
  • python学习笔记-类对象的信息
  • vuex 学习笔记 01
  • 对超线程几个不同角度的解释
  • 给第三方使用接口的 URL 签名实现
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 基于Android乐音识别(2)
  • 记一次用 NodeJs 实现模拟登录的思路
  • 排序算法学习笔记
  • 前端学习笔记之观察者模式
  • 如何解决微信端直接跳WAP端
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 算法系列——算法入门之递归分而治之思想的实现
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 自制字幕遮挡器
  • zabbix3.2监控linux磁盘IO
  • 阿里云重庆大学大数据训练营落地分享
  • (16)Reactor的测试——响应式Spring的道法术器
  • (pojstep1.3.1)1017(构造法模拟)
  • (分布式缓存)Redis持久化
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (六)c52学习之旅-独立按键
  • (七)理解angular中的module和injector,即依赖注入
  • (转)socket Aio demo
  • (转)负载均衡,回话保持,cookie
  • **CI中自动类加载的用法总结
  • ../depcomp: line 571: exec: g++: not found
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .NET Core 中的路径问题
  • .NET 设计一套高性能的弱事件机制
  • .NET/C# 的字符串暂存池