create-react-app之后端集成

crayon-shin-chan

于 2021-01-09 23:26:28 发布

阅读量342

点赞数

CC 4.0 BY-SA版权

分类专栏： surprise react # creat-react-app 文章标签： react

原文链接：https://create-react-app.dev/docs/proxying-api-requests-in-development

surprise 同时被 3 个专栏收录

932 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

react

50 篇文章

订阅专栏

creat-react-app

9 篇文章

订阅专栏

本文介绍了在create-react-app中与后端集成的方法，包括API代理设置以避免跨域问题，使用fetch或axios获取数据，以及动态管理页面标题和元标签。详细讲解了如何配置代理以解决无效主机头问题，以及手动配置代理的步骤。同时，文章还讨论了如何通过AJAX请求获取数据，以及处理Title和Meta标签的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在开发中代理API请求

人们通常在与后端实现相同的主机和端口上为前端React应用提供服务。

例如，在部署应用程序后，生产设置可能如下所示：

/             - static server returns index.html with React app
/todos        - static server returns index.html with React app
/api/todos    - server handles any /api/* requests using the backend implementation

这样的设置不是必需的。但是，如果您确实有这样的设置，则可以方便地编写请求，fetch('/api/todos')而不必担心在开发过程中将其重定向到另一个主机或端口。

要告诉开发服务器将任何未知请求代理到开发中的API服务器，请在package.json中添加一个proxy字段，例如：