vue 中 get 或者 post 方法传递参数

原创已于 2025-04-03 10:41:38 修改 · 4.6k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2022-03-28 10:15:14 首次发布

4 篇文章

订阅专栏

本文详细介绍了HTTP请求中的GET和POST方法及其应用场景。GET方法适用于获取资源，参数通过URL传递；POST方法用于提交数据，支持表单及JSON两种数据格式。

在与后端对接进行数据传递时，通常会用到 GET，POST 方法进行参数提交，参数提交方式，通常取决于后端对数据的接收方式

Query String Parameters 当发起一次 GET 请求时，参数会以url String 的形式传递。即？后的字符串则为其请求参数，并以 & 作为分隔符
当发起一次POST请求时，若未指定content-type，则默认 content-type为 application/x-www-form-urlencoded;charset=UTF-8.参数以Form Data(数据格式为表单)的形式进行传递

在这里插入图片描述

当发起一次POST请求时，content-type为application/json,则参数会以Request Payload 的形式进行传递（数据格式为JSON）

在这里插入图片描述
其中POST中的两种传参方式，可以直接通过对 headers 中 content-type 的设置实现转化

headers: {
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
headers: {
      'Content-Type': 'application/json'
}