REST Client 使用示例

[wangjs-jacky]

对于 HTTP 属于明文+字符串传输，可以使用 VSCode 插件 REST Client 辅助学习。

[wangjs-jacky]

参考

1.https://ke.qq.com/webcourse/index.html

如何使用 REST Client 插件

GET 示例

访问：https://www.bilibili.com 示例：

GET /video/BV1ae4y1y7bf HTTP/1.1
HOST: www.bilibili.com

对于 301 、302 重定向状态码，可以通过 VSCode 配置，继续发起请求。

设置：搜索 3xx

勾选 Followredirect。

点击 Send Request 发起 HTTP 请求

POST 示例

示例：使用三种不同的 Content-Type 传输如下字段：

{
  "loginId": "admin",
  "loginPwd": "123123",
  "avatar": 二级制图片数据
}

application/json

POST /urlencoded HTTP/1.1
Host: localhost:8082
Content-Type: application/json

{ "loginId": "admin", "loginPwd": "123123" }

application/x-www-form-urlencoded

POST /urlencoded HTTP/1.1
Host: localhost:8082
Content-Type: application/x-www-form-urlencoded

loginId=admin&loginPwd=123123

multipart/form-data

其中，boundary 为分隔符。

通过 Content-Disposition 中，使用 name= 设置key 值。

POST /urlencoded HTTP/1.1
Host: localhost:8082
Content-Type: multipart/form-data; boundary=jacky

--jacky
Content-Disposition: form-data; name="loginId"

admin
--jacky--
--jacky
Content-Disposition: form-data; name="loginPwd"

123456
--jacky--

二进制图片上传

使用 < ./single.png 语法，该插件会自动读取文件并将其转化为二进制码填写到 HTTP 请求中。

POST /upload/single HTTP/1.1
Host: localhost:9527
Content-Type: multipart/form-data; boundary=aaa

--aaa
Content-Disposition: form-data; name="avatar"; filename="small.jpg"
Content-Type: image/jpeg

< ./single.png
--aaa--