将查询参数附加到 GET 请求？

Question

我正在尝试制作一个简单的 API，该 API 会调用另一个返回一些信息的 API。问题是，为了连接到第二个 API，我需要将查询参数附加到它。

所以到目前为止，我尝试使用 axios.get 来获取 API。如果我不需要在此之上添加查询，那么这将非常简单，但我很难弄清楚如何在我的请求之上附加查询。

我创建了一个对象，从我的末端提取原始查询，然后我使用 JSON.stringify 将我创建的对象转换为 JSON。然后，根据我对 Axios 的理解，您可以附加参数我用逗号分隔 URL。

在第 6 行，我不确定变量是否会保留，但我绝对不能将标签 var 转换为字符串“标签”，所以这就是为什么我把它留下了大括号和反勾号。如果那是错误的，那么请纠正我如何正确地做到这一点。

var 标记是我从末尾提取的查询的名称。该标签是需要转移到 Axios GET 请求的内容。

app.get('/api/posts', async (req, res) => {
    try {
        const url = 'https://myurl.com/blah/blah';
        let tag = req.query.tag;
        objParam = {
            tag: `${tag}`
        };

        jsonParam = JSON.stringify(objParam);

        let response = await axios.get(url, jsonParam);

        res.json(response);
    } catch (err) {
        res.send(err);
    }
});

response 应该等于我向其发出请求的 JSON 文件。

我实际上得到的是一个错误 400，这让我觉得不知何故，Axios 与参数相处的 URL 没有对齐。 （有没有办法检查 Axios 请求的去向？如果我也能看到 axios 触发的实际 url，那么它可以帮助我解决我的问题）

理想情况下，这是我想要实现的流程。它出了点问题，但我不太确定错误在哪里。

-> 我向我的 api 发出请求，例如使用查询“科学”

-> 通过我的 API，Axios 发出 GET 请求： https://myurl.com/blah/blah?tag=science

-> 我从 GET 请求中得到 JSON 响应

-> 我的 API 显示 JSON 文件

Answer 1

查看 Axios 的 README 后，看起来第二个参数需要密钥 params。你可以试试：

app.get('/api/posts', async (req, res, next) => {
    try {
        const url = 'https://myurl.com/blah/blah';
        const options = {
            params: { tag: req.query.tag }
        };

        const response = await axios.get(url, options);
        res.json(response.data);
    } catch (err) {
        // Be sure to call next() if you aren't handling the error.
        next(err);
    }
});

如果上述方法不起作用，可以查看query-string。

const querystring = require('query-string');

app.get('/api/posts', async (req, res, next) => {
    try {
        const url = 'https://myurl.com/blah/blah?' +
            querystring.stringify({ tag: req.params.tag });

        const response = await axios.get(url);
        res.json(response.data);
    } catch (err) {
        next(err);
    }
});

回复您的评论，是的，您可以合并多个 Axios 回复。例如，如果我期望一个对象字面量是我的response.data，我可以这样做：

const response1 = await axios.get(url1)
const response2 = await axios.get(url2)
const response3 = await axios.get(url3)

const combined = [
    { ...response1.data },
    { ...response2.data },
    { ...response3.data }
]