Reactjs 如何使用查询字符串在Next.js中创建api端点
我需要使用Next.js创建以下api端点:Reactjs 如何使用查询字符串在Next.js中创建api端点,reactjs,api,next.js,query-string,Reactjs,Api,Next.js,Query String,我需要使用Next.js创建以下api端点: /api/products/[name]?关键字=${anykeyword} 我知道我需要在index.js的pages/api/products/[name]目录中创建它。但是如何访问关键字 请求查询仅包含名称 以下是我的代码: import { connectToDatabase } from "../../../../util/mongodb"; import validate from "../.
/api/products/[name]?关键字=${anykeyword}
我知道我需要在index.js的pages/api/products/[name]目录中创建它。但是如何访问关键字
请求查询
仅包含名称
以下是我的代码:
import { connectToDatabase } from "../../../../util/mongodb";
import validate from "../../../../validation/product";
//capitalize first letter only to avoid errors
import capitalize from "lodash.capitalize";
export default async function productsHandler(req, res) {
const {
query: { name, keyword }, // here i cannot access keyword//
method,
} = req,
Name = capitalize(name),
{ db } = await connectToDatabase(),
searchCriteria = keyword ? keyword : "price";
switch (method) {
case "GET":
// @route GET api/products/[name]
// @desc get products of [name] from data base
// @access public
{
const products = await db
.collection("products")
.find({ category: Name })
.sort({ [searchCriteria]: 1 })
.toArray();
if (!products.length)
return res.status(404).json({ error: "no such category" });
res.status(200).json(products);
}
break;
这可能与如何将请求从客户端发送到服务器端有关。你可能需要修改一下。我刚刚使用Postman尝试了这个示例,它正确地解析了参数:
import { NextApiRequest, NextApiResponse } from "next";
export default async (request: NextApiRequest, response: NextApiResponse) => {
const {
query: { name, keyword },
method,
} = request;
console.log(name, keyword, method);
// do nothing fancy and simply return a string concatenation
return response.status(200).json({ query: name + " " + keyword });
};
邮递员:
req.query
应根据返回关键字
位。你能分享你的代码吗?我刚问过DominikHow你是在向API路由发出请求吗?