1

我有一个 API 路由,它可以工作:

import { query as q } from 'faunadb';
    
export default async (req, res) => {
    try {
        const customer = await guestClient
            .query(q.Get(q.Match(q.Index('user_by_username'), "feronimo")))
            .catch((err) => console.error('Error: %s', err));
    
        res.status(200).json(customer.data);
        console.log(customer.data + 'cd');
        console.log(customer + 'c');
    } catch (e) {
        res.status(500).json({ error: e.message });
    }
};

我的用户名是“feronimo”,当我输入时它就会出现。但是,我必须把它当作一个变量。我正在发送变量useSWR

const fetcher = (params) => (url) => post(url, params);
    
const { data: info, error } = useSWR(
    `/api/profilepages`,
    fetcher({ key: username }) /* {
        dedupingInterval: 1000000
    } */
);

它回来了{ username: 'feronimof' }

export default async (req, res) => {
    const username = req.body;

    const u = username.username;
    try {
        const customer = await guestClient
            .query(q.Get(q.Match(q.Index('user_by_username'), u)))
            .catch((err) => console.error('Error: %s', err));

        res.status(200).json(customer.data);
        console.log(customer.data + 'cd');
        console.log(customer + 'c');
    } catch (e) {
        res.status(500).json({ error: e.message });
    }
};

这返回[object Object]

4

1 回答 1

0

在这种情况下,您可以使用动态 API 路由,例如pages/api/profilepages/[username].js. 这允许您在对它发出请求时传递一个变量。

// In your component code that makes the request

const { data: info, error } = useSWR(
    `/api/profilepages/${username}`,
    fetcher()
);
// pages/api/profilepages/[username].js

export default async (req, res) => {
  const u = req.query.username; // This would return the username you sent

  // Your API logic here
};
于 2021-02-03T14:09:01.580 回答