调用 axios.get() 时无法获取 /[object%20Object]

Question

当我将带有查询的端点 URL 直接粘贴到 axios.get() 中时，它会正确响应并且我可以看到返回的 json 对象。 （即 axios.get(http://localhost:3000/api/products/product_search?secretKey=${secret}&id=${blabla})）。但是，如果我使用 SummonerByNameUrl 方法调用 url，它会在我发出请求时崩溃。我的代码有什么问题？

崩溃报告：

...
data: '<!DOCTYPE html>\n' +
      '<html lang="en">\n' +
      '<head>\n' +
      '<meta charset="utf-8">\n' +
      '<title>Error</title>\n' +
      '</head>\n' +
      '<body>\n' +
      '<pre>Cannot GET /[object%20Object]</pre>\n' +
      '</body>\n' +
      '</html>\n'
  },
  isAxiosError: true,
  toJSON: [Function: toJSON]

代码： config.js

const summonerByNameUrl = (summonerName) => `${URL(hidden)}${summonerName}`;

module.exports = {
    summonerByNameUrl
}

summoner.js

const config = require('../config');
const axios = require('axios');

const getSummonerByName = async (summonerName) => {
    const res = await axios.get(config.summonerByNameUrl(summonerName));
    return res.data;
}

const summonerParser = async (req, res) => {
    if(!req.query.secretKey)
        return res.status(403).json({error: 'missing secret key.'})
    let data = await getSummonerByName(req.query)
    return res.status(200).json(data);
}

module.exports = {
    getSummonerByName,
    summonerParser
}

products.js

var express = require('express');
var axios = require('axios')
var router = express.Router();

const summoner = require('../services/summoner');

router.get('/product_search', summoner.summonerParser)
module.exports = router;

app.js

...
app.use('/api/products', productsRouter);
...

Answer 1

您正在使用getSummonerByName(req.query) 调用您的函数，从前面的行可以清楚地看出req.query 是一个对象而不是字符串。当在字符串上下文中使用对象时（例如您的 URL），它们会变成“[object Object]”，因此会出现错误。

在这里进行一些猜测，但您似乎想将一些 req.query 信息作为查询参数转发给 Axios 调用。试试这个吧……

const PRODUCT_SEARCH_URL = "http://localhost:3000/api/products/product_search"

const getSummonerByName = async ({ secretKey, id }) => {
  const { data } = await axios.get(PRODUCT_SEARCH_URL, {
    params: { secretKey, id }
  })

  return data
}

如果您有一个返回基本 URL 的辅助函数（即http://localhost:3000/api/products/product_search），那么请务必在 Axios 调用中使用它而不是字符串文字。

Answer 2

req.query 是一个对象，而不是一个字符串。

您可以尝试将 req.query 对象映射为字符串。类似的东西：

Object.keys(req.query).map(key => {
   return key + '=' + req.query[key]
}).join('&')

此代码返回一个类似这样的字符串：'id=1&name=test'，因此您可以传递给端点。