前端发送请求之参数处理---【text/plain】与【application/json】

Content-Type就是指 HTTP 发送信息至服务器时的内容编码类型，服务器根据编码类型使用特定的解析方式，获取数据流中的数据。

其实前后端发送请求的方式有 text/plain、application/json、application/x-www-form-urlencoded、
multipart/form-data等，这版接上一篇，继续介绍【text/plain】与【application/json】。

2、text/plain

设置headers后，直接发送请求

1. return request({
2. path: `/apis/list`,
3. // options为object，如{a: 3, b: 4}
4. params: options,
5. headers: {
6. 'Content-Type': 'text/plain'
7. },
8. method: 'POST',
9. });

浏览器里面可以看到请求头：

2、application/json

设置headers后，直接发送请求

1. return request({
2. path: `/apis/list`,
3. // options为object，如{a: 3, b: 4}
4. params: options,
5. headers: {
6. 'Content-Type': 'application/json'
7. },
8. method: 'POST',
9. });

底层接收params的位置，发送axios请求时，将params，转成字符串发送，如下：

1. return instance.request({
2. method,
3. url,
4. data: method === 'post' ? JSON.stringify(params) : undefined,
5. headers
6. });

即可。

以上仅为记录开发时的日志，代码并不完善~