学习笔记230810--vue项目中get请求的两种传参方式

问题描述

今天写了一个对象方式传参的get请求接口方法,发现没有载荷,ip地址也没有带查询字符串,数据也没有响应。

代码展示

在这里插入图片描述

错误分析

实际上这里的query是对象方式带参跳转的参数名,而get方法对象方式传参的参数名是parmas

解决方法

get请求有两种带参的方式

  • 方式1:对象形式传参,参数名是params

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NQ8CFqyb-1692427950094)(https://note.youdao.com/yws/res/29587/WEBRESOURCE126ea25c4a2918fba7134976f0e3e8d9)]

  • 方式2:查询字符串带参,添加到地址?后面
       export function delUders(id){
           return request({
               url:'/system/users/list?'+id,
               method:'get'
           })
       }