【问题标题】:React routing with express on the backend在后端使用 express 响应路由
【发布时间】:2021-08-29 18:07:59
【问题描述】:

我目前正在学习 react 只是因为其中包含所有很酷的孩子代码,我想知道如何使身份验证应用程序正常工作。我的想法是我将有一个带有 passport.js 和 mongoose 的快速应用程序来处理身份验证,但我知道 react 有它自己的路由器,服务器只是给它一个静态 html 文件,其中捆绑了所有的 js。问题是如何创建一个在 / 上具有登录表单的应用程序,然后当用户通过身份验证时重定向到 /dashboard,其中显示了登录用户的用户名?我是在后端制作路线还是在反应中进行?我真的找不到任何可以帮助我的资源,所以 stackoverflow 真的是我最后的选择。

欢迎任何可以帮助我的资源????

【问题讨论】:

    标签: node.js reactjs passport.js


    【解决方案1】:

    前端和后端是两个独立的软件。您开发前端以向后端发出 HTTP 请求,并根据后端响应执行一些操作并查看更新。

    前端根据后端响应和您添加的业务逻辑处理屏幕路由。

    【讨论】:

    • 那么我需要从出口 80(前端)向端口 3000 发出请求吗?
    • 我应该构建 react 应用程序然后在后端提供它,还是应该在前端运行 npm run start 并在后端运行 node index.js
    • 是的,你需要将请求从前端(例如80端口)发送到3000端口的后端。
    • 出于开发目的,您只需要在后端运行 npm start 和 node index.js 即可。在真正的非开发场景中(qa 服务器或生产),您需要将前端编译的文件托管在 Web 服务器中,以便能够从浏览器向用户公开它们。
    【解决方案2】:

    答案是 API。您可以使用节点作为后端服务器,它将连接到您的数据库。在前端,您将使用一些数据(例如电子邮件、密码)进行身份验证,在后端,您将验证用户并发送响应。这是如何启动此项目的链接。此外,您将需要知道如何从 api 获取数据(我使用 axios)以及如何管理 react 中的路由(我使用 react router dom)。

    https://www.freecodecamp.org/news/how-to-create-a-react-app-with-a-node-backend-the-complete-guide/

    https://reactrouter.com/web/guides/quick-start

    https://www.google.com/amp/s/www.digitalocean.com/community/tutorials/react-axios-react.amp

    【讨论】:

      猜你喜欢
      • 2015-05-27
      • 2016-06-27
      • 2021-02-18
      • 2023-02-17
      • 2020-12-11
      • 2015-07-05
      • 1970-01-01
      • 1970-01-01
      • 2018-11-02
      相关资源
      最近更新 更多