Appearance
get、post 请求
请求
query
在 URL 中 ?后面的部分是一个 Query String，这一部分经常用于 GET 类型的请求中传递参数。例如 GET /search?name=egg&age=26中 name=egg&age=26 就是用户传递过来的参数。我们可以通过 context.query(为一个对象)拿到解析过后的这个参数体
javascript
module.exports = (app) => {
class HomeController extends Controller {
async getQuery() {
const queryObj = this.ctx.query;
console.log(queryObj.age);
console.log(queryObj);
//打印结果：{ name: 'egg', age: '26' }
}
}
return SearchController;
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
当 Query String 中的 key 重复时，context.query只取 key 第一次出现时的值，后面再出现的都会被忽略。GET /posts?category=egg&category=koa 通过 context.query拿到的值是 { category: 'egg' }。
4.1.2 queries
有时候我们的系统会设计成让用户传递相同的 key，例如 GET /posts?category=egg&id=1&id=2&id=3。针对此类情况，框架提供了 context.queries 对象，这个对象也解析了 Query String，但是它不会丢弃任何一个重复的数据，而是将他们都放到一个数组中：
javascript
// GET /posts?category=egg&id=1&id=2&id=3
const Controller = require("egg").Controller;
class HomeController extends Controller {
async getQueries() {
console.log(this.ctx.queries);
//result:
// {
// category: [ 'egg' ],
// id: [ '1', '2', '3' ],
// }
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
context.queries上所有的 key 如果有值，也一定会是数组类型。
4.2 post 请求
javascript
// 获取参数方法 post 请求
module.exports = (app) => {
class HomeController extends Controller {
async postObj() {
const queryObj = ctx.request.body;
ctx.body = queryObj;
}
}
return SearchController;
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
但是我们请求有时是 get,有时是 post,有时本来应该是 post 的请求,但是为了测试方便,还是做成 get 和 post 请求都支持的请求,于是一个能同时获取 get 和 post 请求参数的中间件就很有必要了.
4.3 编写中间层解决 get、post 请求
4.3.1 在 app 目录下新建 middleware 文件夹
4.3.2 在 middleware 里面新建 params.js,内容如下
javascript
/**
* 获取请求参数中间件
* 可以使用ctx.params获取get或post请求参数
*/
module.exports = (options) => {
return async function params(ctx, next) {
ctx.params = {
...ctx.query,
...ctx.request.body,
};
await next();
};
};
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
本质上就是把 get 请求的参数和 post 请求的参数都放到 params 这个对象里,所以,不管是 get 还是 post 都能获取到请求参数
4.3.3 在/config/config.default.js 里注入中间件
javascript
"use strict";
module.exports = (appInfo) => {
const config = (exports = {});
// 注入中间件
config.middleware = ["params"];
return config;
};
1
2
3
4
5
6
7
2
3
4
5
6
7
4.3.4 使用文章获取
javascript
/**
* 添加文章接口
*/
"use strict";
const Service = require("egg").Service;
class ArticleService extends Service {
async add() {
const { ctx } = this;
// 获取请求参数
const { userId, title, content } = ctx.params;
const result = await ctx.model.Article.create({
userId,
title,
content,
});
return result;
}
}
module.exports = ArticleService;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
4.3.5 允许 post 请求跨域
javascript
// config/plugin.js
exports.cors = {
enable: true,
package: "egg-cors",
};
1
2
3
4
5
2
3
4
5
javascript
// config/config.default.js
config.security = {
csrf: {
enable: false,
ignoreJSON: true,
},
domainWhiteList: ["http://www.baidu.com"], // 配置白名单
};
config.cors = {
// origin: '*',//允许所有跨域访问，注释掉则允许上面 白名单 访问
allowMethods: "GET,HEAD,PUT,POST,DELETE,PATCH",
};
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
*一般性最好使用白名单，不要使用全部允许跨域，不安全