篇首语:本文由小编为大家整理,主要介绍了axios get | post传参方法整理相关的知识,希望对你有一定的参考价值。
文章目录
- 前言
- 一、GET
- 后端接收query
- 二、POST
- 1.后端接收body
- 2.后端接收query
- 3.前端传params
- 总结
前言
最近更改Node接口时遇到了一些问题, 比如前端以何种方式传参, 后端用何种方式接收等等…
今天花了一小段事件测试了一下, 整理一下结果吧.
一、GET
后端接收query
前端传params.
前端:
axios( method: "get", url: "http://localhost:3000/getArticleById", params: article_id: 8, ,).then((res) => console.log(res););
后端:
app.post("/getArticleById", (req, res, next) => api.getArticleById(req, res, next);)
getArticleById(req, res, next) console.log("body:" + req.body.article_id) console.log("params:" + req.params.article_id); console.log("query:" + req.query.article_id); return;,
后端输出:
二、POST
1.后端接收body
前端传data.
前端:
axios( method: "post", url: "http://localhost:3000/getArticleById", data: article_id: 8, ,).then((res) => console.log(res););/* 等同于axios.post("http://localhost:3000/getArticleById", article_id: 8).then()*/
后端:
app.post("/getArticleById", (req, res, next) => //文章页文章请求 api.getArticleById(req, res, next);)
getArticleById(req, res, next) console.log("body:" + req.body.article_id) console.log("params:" + req.params.article_id); console.log("query:" + req.query.article_id); return;,
后端输出:
2.后端接收query
前端传params.
前端:
axios( method: "post", url: "http://localhost:3000/getArticleById", params: article_id: 8, ,).then((res) => console.log(res););
后端:
app.post("/getArticleById", (req, res, next) => //文章页文章请求 api.getArticleById(req, res, next);)
getArticleById(req, res, next) console.log("body:" + req.body.article_id) console.log("params:" + req.params.article_id); console.log("query:" + req.query.article_id); return;,
后端输出:
3.前端传params
这个方法来自于一位大佬, 传送门: post像get一样使用params传参
前端:
axios( method: "post", url: "http://localhost:3000/getArticleById", params: article_id: 8 ).then((res) => console.log(res);)/*等同于axios .post("http://localhost:3000/getArticleById", null, params: article_id: 8 , ) .then((res) => console.log(res); );*/
后端:
app.post("/getArticleById", (req, res, next) => //文章页文章请求 api.getArticleById(req, res, next);)
getArticleById(req, res, next) console.log("body:" + req.body.article_id) console.log("params:" + req.params.article_id); console.log("query:" + req.query.article_id); return;,
后端输出:
总结
复习一波, 以后遇到别的需求再回来补全…
开发者涨薪指南 48位大咖的思考法则、工作方式、逻辑体系以上是关于axios get | post传参方法整理的主要内容,如果未能解决你的问题,请参考以下文章