在利用 Express.js 进行 Web 开发时，我们经常会遇到 GET/POST 请求出现的问题。例如，请求返回结果不符合预期、程序无法正常处理请求等等。这些问题可能会导致应用程序无法正常工作，给维护工作带来困难。因此，我们需要了解这些问题的原因，并寻找解决方案。
GET 请求出现的问题
参数传递问题
GET 请求中，参数通常通过 URL 的查询字符串传递，例如：
http://localhost:3000/users?name=John&age=25
当查询字符串中有多个参数时，我们可以通过 req.query 对象获取到这些参数：
app.get('/users', (req, res) => {
const { name, age } = req.query;
// ...
});但是，如果查询字符串中的参数存在编码问题，例如参数值中包含了特殊字符或中文，那么 req.query 对象可能无法正确解析这些参数。此时，我们需要手动对查询字符串进行解析，例如使用 querystring 模块：
const querystring = require('querystring');
app.get('/users', (req, res) => {
const query = req.url.split('?')[1];
const params = querystring.parse(query);
const { name, age } = params;
// ...
});缓存问题
GET 请求返回的结果可能会被浏览器缓存，这意味着即使服务器端内容已经更新，浏览器仍然会使用缓存的内容。此时，我们需要在服务器端设置响应头，告诉浏览器不要缓存结果：
app.get('/users', (req, res) => {
res.setHeader('Cache-Control', 'no-cache');
// ...
});POST 请求出现的问题
Body 解析问题
POST 请求中，参数通常通过请求体传递。但是，Express.js 默认并不会将请求体解析成 JSON 格式。因此，我们需要手动解析请求体，例如使用 body-parser 中间件：
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.post('/users', (req, res) => {
const { name, age } = req.body;
// ...
});跨域问题
当我们通过 AJAX 发送 POST 请求时，可能会遇到跨域问题。具体来说，浏览器可能会拒绝发送请求，或者服务器端可能会拒绝接收请求。此时，我们需要在服务器端设置响应头，允许跨域请求。
app.post('/users', (req, res) => {
res.setHeader('Access-Control-Allow-Origin', '*');
// ...
});示例代码
下面是一个完整的 Express.js 应用程序，用于演示 GET/POST 请求的解决方案：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- ----------- - ----------------------- ----- --- - ---------- --------------------------- ----------------- ----- ---- -- - ----- ----- - ---------------------- ----- ------ - ------------------------- ----- - ----- --- - - ------- ------------------------------ ------------ --------------- -------- --- --- ------ ----- ------- --- ------------------ ----- ---- -- - -------------------------------------------- ----- ----- - ----- --- - - --------- --------------- -------- --- --- ------ ----- ------- --- ---------------- -- -- ------------------- ------- -- ---- --------
在运行该应用程序后，可以使用 cURL 命令或浏览器插件等工具进行 GET/POST 请求测试。例如：
$ curl 'http://localhost:3000/users?name=John&age=25'
Hello John, you are 25 years old.
$ curl -H 'Content-Type: application/json' -X POST -d '{"name":"John","age":25}' http://localhost:3000/users
Hello John, you are 25 years old.总结
本文介绍了 Express.js 中 GET/POST 请求常见的问题，包括参数传递、缓存、Body 解析和跨域问题，并提供了解决方案。在编写 Express.js 应用程序时，我们需要充分了解这些问题，以便能够快速定位和解决问题，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e1d7cff6b2d6eab3d17885