【问题标题】:how to write an xhr/ajax request in React on the server?如何在服务器上的 React 中编写 xhr/ajax 请求?
【发布时间】:2018-06-25 14:53:33
【问题描述】:

我用谷歌搜索了这个,它告诉我应该使用 axios 或其他东西。我以前使用过 axios,它专门用于客户端上的请求。如果在我的应用程序中我有一个快速服务器,我有特定的路由,然后我想将响应发送到我的 React 客户端组件,或者确实从客户端向我的服务器发出请求。我该怎么做?

假设 Express 服务器向 /users 发出获取请求,我使用 fetch 从 API 获取该数据。然后我想将返回的数据发送给客户端(React Components 状态)

我知道我可以在客户端使用componentDidMount 并调用axios.get(),但我想在服务器端发出请求,然后将其发送到客户端

【问题讨论】:

  • Axios 适用于客户端和服务器端。如果要使用fetch,可以使用isomorphic-fetch
  • @konekoya 好的,谢谢。为什么我的请求需要很长时间才能完成,但是当我只是执行 fetch(url) 然后尝试在我的客户端应用程序中点击该路由时,chrome 窗口每次都会挂起 10 秒然后超时
  • 您可以使用 devTools 进行进一步调查。另外,检查您的服务器日志。如果您正确处理请求,它通常会挂在那里。
  • 我可以在我的服务器中看到响应,但它没有被发送到客户端:(
  • 好的,那么您可以在 Chrome devTools 中检查网络面板。并查看响应头。

标签: javascript reactjs xmlhttprequest


【解决方案1】:

你的服务器没有使用反应,但如果我得到正确的表达,所以你也可以从你的服务器使用 axios

在路由内部,进行axios调用,存储响应并返回给客户端

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-24
    • 2012-06-10
    • 2016-10-15
    • 1970-01-01
    • 2012-10-11
    相关资源
    最近更新 更多