Reactjs 如何使用axios进行服务器调用并传入参数?

Reactjs 如何使用axios进行服务器调用并传入参数?,reactjs,axios,Reactjs,Axios,我是一个有点新的反应。。。我使用axios进行服务器调用。。。很多。但是,这似乎不起作用 getFilteredVendorsloc{ 控制台logloc 常数馈送={ 地点:loc } //返回axios,获取'http://localhost:3001/f_vendor?location=${loc}这是有效的 返回axios,获取'http://localhost:3001/f_vendor,qs.stringifyfeed//这不是 } 我想知道为什么?因为我已经使用axios执行了类似

我是一个有点新的反应。。。我使用axios进行服务器调用。。。很多。但是,这似乎不起作用

getFilteredVendorsloc{ 控制台logloc 常数馈送={ 地点:loc } //返回axios,获取'http://localhost:3001/f_vendor?location=${loc}这是有效的 返回axios,获取'http://localhost:3001/f_vendor,qs.stringifyfeed//这不是 } 我想知道为什么?因为我已经使用axios执行了类似的、更复杂的调用。

您可以对查询字符串param使用params选项。例如:

getFilteredVendors(loc) {
  console.log(loc)
  return axios.get('http://localhost:3001/f_vendor', {
    params: {
      location: loc
    }
  });
}

这可能是因为您不需要qs.stringify,而您可以正常地在params中使用pas。你可以阅读更多关于它的内容


你想在头、数据或参数中传递什么?你想传递什么api URL我不传递任何东西,它应该返回一个过滤列表。
getFilteredVendors(loc) {
    console.log(loc)
    const feed = {
      location: loc
    }
    return axios.get('http://localhost:3001/f_vendor', {
    params: {
      location: loc
    }) 
  }

// Or more explicitly

axios({
  method: 'get',
  url: 'http://localhost:3001/f_vendor',
  data: {
    location: loc
  }
});