将HTML网站与react应用程序合并

Question

大约6个月前，我开始使用React，我有一个html网站和一个React应用程序。现在，我想在一起并在react默认端口上运行。当React启动时，我想打开网站，然后单击网站上的一个链接，打开react应用程序。

我正在尝试多种方法，但无法找到解决方案。

有人可以告诉我任何方法吗？

Answer 1

尝试一下，为我工作。

让我们将home.html视为静态HTML页面（而不是reactjs），将index.html视为ReactJS APP。

从home.html按Link / Login进行操作时，我要呈现reactjs app。

当我使用/#/login（反应路由器v3）时，链接到URL HashRouter（home.html上的登录按钮）。

<li>
   <a class="page-scroll" href="/#/login">Login</a>
</li>

现在位于Reactjs的public文件夹中的index.html中。表示如果URL仅/，则渲染home.html。

<script>
    var url = window.location.href;
    if (!url.replace(/.*#\//, '')) {
        location.href = 'home.html'
    }
</script>

我将 index.html 和 home.html 放在同一目录/中。