【发布时间】:2022-10-02 00:18:04
【问题描述】:
嗨,我是新手,我正在尝试将我制作的项目添加到我的静态投资组合中。
换句话说,我需要一种方法将我的项目放在像www.portfolio.com/project-name 这样的单独页面中,但我不知道该怎么做。
该产品组合通过我的树莓派上的 Apache Web 服务器运行
标签: javascript html css reactjs
嗨,我是新手,我正在尝试将我制作的项目添加到我的静态投资组合中。
换句话说,我需要一种方法将我的项目放在像www.portfolio.com/project-name 这样的单独页面中,但我不知道该怎么做。
该产品组合通过我的树莓派上的 Apache Web 服务器运行
标签: javascript html css reactjs
我相信您可以做到这一点的唯一方法是将 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 有很大的支持,所以这可能是我在你的情况下会做的。
【讨论】:
以下教程解释了如何将 React 应用程序部署到静态GitHub 页面地点: https://github.com/gitname/react-gh-pages
我猜如果您的应用程序使用路由将无法正常工作,因为当活动路径不是根路径时重新加载页面会失败。
【讨论】: