首页 > 解决方案 > 我可以在另一个 React-Router 应用程序中嵌入或提供构建的 React 应用程序吗?

问题描述

我有一个使用 ReactJS 和 React-Router 构建的个人网站/作品集。我希望能够在我的个人网站中提供单独开发和构建的 ReactJS 应用程序作为我的编码演示(而不是提供外部链接)。我已经使用 Create-React-App 来引导原始网站应用程序。

我尝试将构建的文件(index.html 和 *.js 文件)放在公共文件夹中,该文件夹在构建应用程序时被复制到 /build 文件夹中。但是,不会提供这些文件。

有趣的是,它正在与 React 开发服务器一起工作,但在使用 npm 'serve' 模块构建和服务后停止工作。

例如。我已将构建的演示应用程序复制到

/public/demo-builds/[app-name]/

这在构建主网站应用程序时被复制为

/build/demo-builds/[app-name]/

访问my-domain-name.com/demo-builds/[app-name]my-domain-name.com/demo-builds/[app-name]/index.html导致错误。

这是我尝试在 react-router 应用程序中提供单独构建的应用程序的整体方法的问题吗?

是否有一种可接受的方式在 React 应用程序中提供构建的 React 应用程序?

标签: reactjsreact-router

解决方案


推荐阅读