在现有网站的子路由中使用 React

假设你在 example.com 部署了一个其他服务端技术(例如 Rails)构建的 Web 应用,但是你又想在 example.com/some-app/ 部署一个 React 项目。

以下是推荐的配置方式:

使用一个 基于 React 的框架 构建 应用的 React 部分。
在框架配置中将 /some-app 指定为基本路径(这里有 Next.js 与 Gatsby 的配置样例)。
配置服务器或代理,以便所有位于 /some-app/ 下的请求都由 React 应用处理。
这可以确保应用的 React 部分可以受益于这些框架中内置的 最佳实践。

许多基于 React 的框架都是全栈的,从而可以让你的 React 应用充分利用服务器。但是,即使无法或不想在服务器上运行 JavaScript,也可以使用相同的方法。在这种情况下,将 HTML/CSS/JS 导出(Next.js 的 next export output,Gatsby 的 default)替换为 /some-app/。

Reference

1. React官方文档

Last modification:November 1, 2023
您赞赏,我就多写点儿。