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

这篇具有很好参考价值的文章主要介绍了学习笔记230810--vue项目中get请求的两种传参方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述

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

代码展示

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

错误分析

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

解决方法

get请求有两种带参的方式

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

学习笔记230810--vue项目中get请求的两种传参方式,学习笔记,Vue,学习,笔记,javascript,https,ajax文章来源地址https://www.toymoban.com/news/detail-684427.html

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

到了这里,关于学习笔记230810--vue项目中get请求的两种传参方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue项目实现回到顶部的两种超简单方法

    vue 中实现回到顶部的两种方式: (1)锚点方式 通过点击锚点回到指定位置: 样式: 实现效果: (2)scrollTop 通过点击事件将scrollTop重置为0,从而达到返回顶部的效果。 代码资源链接 代码地址

    2024年02月11日
    浏览(27)
  • 机器学习笔记:李宏毅ChatGPT:生成式学习的两种策略

    “各个击破”——一个一个生成出来 一步到位,全部生成出来  两种策略 策略1:始终生成固定长度(比如100),如果出现end,那么end后面的部分直接扔掉 策略2:首先输出一个数字n,表示之后我们要输出多长,然后输出n长度的句子    一般文字相关的任务考虑“各个击破”

    2024年02月13日
    浏览(30)
  • 虚幻学习笔记2—点击场景3D物体的两种处理方式

    一、前言         本文使用的虚幻引擎为5.3.2,两种方式分别为:点击根物体和精准点击目标物体。 二、实现 2.1、玩家控制器中勾选鼠标点击事件:这一步很重要,如图2.1.1所示:在自定义玩家控制器中勾 图2.1.1 选该项,此时鼠标即可点击3D场景中的物体。 2.2、给自定义A

    2024年01月19日
    浏览(34)
  • 【AI学习笔记】退出 Anaconda 虚拟环境时 遇到的两种报错。

    今天使用完 Anaconda 虚拟环境,退出时报错,主要有以下两种错误: 1. 使用 deactivate tensorflow 退出时有以下报错: 加粗样式 报错原因: (弃用警告) DeprecationWarning: ‘deactivate’已弃用。使用’conda deactivate’。 2. 使用 conda deactivate tensorflow 时有以下报错: 报错原因: Argumen

    2024年02月13日
    浏览(40)
  • vue2创建项目的两种方式,配置路由vue-router,引入element-ui

    提示:vue2依赖node版本8.0以上 使用@vue/cli脚手架vue create创建 使用vue-cli脚手架vue init webpack创建 1、查看nodejs版本 2、全局安装vue脚手架和webpack脚手架 3、新建vue2项目 创建选项除了,Install vue-router??选择是,其他选择的否 4、安装依赖并启动文件 5、预览 6、目录结构 1、如果安

    2024年04月14日
    浏览(33)
  • 关于部署vue项目在Linux上的两种方式tomcat以及nignx(3)使用nignx进行部署

    阿丹有话说:         前两篇文章主要讲解了将vue中tomcat部署研究了。解决了在后台代码中通过过滤器来解决跨域问题。后期会继续出在tomcat中的代理配置等。本篇文章来将vue项目部署在nignx上,并且通过反向代理来解决跨域请求以及请求转发。  首先我们再来了解一下ngi

    2024年02月04日
    浏览(44)
  • 关于部署vue项目在Linux上的两种方式tomcat以及nignx(1)使用tomcat进行部署

    阿丹有话说:         之前在写spring-boot项目的时候是直接写的jsp页面直接打成war包来运行。使用到了tomcat,而且简单方便,但是美中不足就是动画演示以及页面没有办法做的非常美观。自从开始写前后端分离的项目(微服务等)之后,发现element-ui是真的好用。现在想给vue的

    2024年02月03日
    浏览(42)
  • AJAX学习笔记1发送Get请求

    传统请求有哪些方式,及缺点 传统请求有哪些? 1.直接在浏览器地址栏上输入URL. 2.点击超连接. a href=\\\"/上下文/请求地址\\\"超链接请求/a  ----相对路径 a href=\\\"http://www.baidu.com\\\"超链接请求/a  ----绝对路径 3.提交form表单 form action=\\\"/上下文/请求地址\\\" method=\\\"post\\\" 4.使用JS代码 window.open(\\\"u

    2024年02月10日
    浏览(41)
  • 简单易懂:Axios 如何取消请求的两种方法

    在前端开发中,网络请求是非常常见的操作。而有时候,我们可能需要在发送请求后取消它,比如用户在请求还未完成时离开了当前页面或者执行了其他操作,本文将介绍如何在使用 Axios 发送请求时取消这些请求。 在 Axios 中,取消请求的基本思路是创建一个用于取消的标记

    2024年01月19日
    浏览(40)
  • 关于axios的两种拦截方式:请求拦截和响应拦截

    提示:这里可以添加本文要记录的大概内容: 提示:以下是本篇文章正文内容,下面案例可供参考 axios.interceptors.request.use() 请求拦截 axios.interceptors.request.use( function ( config ) { return config }) 这个方法的参数是一个函数,发送请求之前就会执行这个函数,函数里面的参数就是执

    2024年01月24日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包