【问题标题】:adding react app to static portfolio website [closed]将反应应用程序添加到静态投资组合网站 [关闭]
【发布时间】:2022-10-02 00:18:04
【问题描述】:

嗨,我是新手,我正在尝试将我制作的项目添加到我的静态投资组合中。

换句话说,我需要一种方法将我的项目放在像www.portfolio.com/project-name 这样的单独页面中,但我不知道该怎么做。

该产品组合通过我的树莓派上的 Apache Web 服务器运行

Portfolio
React App

    标签: javascript html css reactjs


    【解决方案1】:

    我相信您可以做到这一点的唯一方法是将 React 应用程序嵌入全屏 iFrame 中。首先,您需要将 React 应用程序托管在支持它的网络主机上(可能是复制),然后将其粘贴在 html 中。

    <iframe src="https://react-app-url" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
    Iframes are not supported on your browser
    </iframe>
    

    如果这不起作用,我很抱歉(我还没有测试过),但我经常使用 repli 并且 repli 对 React 有很大的支持,所以这可能是我在你的情况下会做的。

    【讨论】:

    • 如果我使用 apache 来托管我的投资组合会怎样?我让它在我的树莓上运行,我需要另一个域名还是可以使用我用于投资组合的域名?
    【解决方案2】:

    以下教程解释了如何将 React 应用程序部署到静态GitHub 页面地点: https://github.com/gitname/react-gh-pages

    我猜如果您的应用程序使用路由将无法正常工作,因为当活动路径不是根路径时重新加载页面会失败。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-03-20
      • 2013-02-21
      • 2014-09-10
      • 1970-01-01
      • 1970-01-01
      • 2016-08-09
      • 1970-01-01
      • 2014-11-10
      相关资源
      最近更新 更多