AWS Amplify 未打开文件

Question

我正在尝试在我的网站上打开 a.html 文件“resume.html”。 这是我的“公共”文件夹。

我正在使用 React，我正在尝试使用以下代码在按钮单击的新选项卡中打开“resume.html”：

<Resume className="resume" onClick={() => window.open("/resume.html", "_blank")}>View Resume</Resume>

在开发过程中一切正常。 在我的本地主机：3000 上，简历在新选项卡中打开就好了。 但是当我在 AWS Amplify 上托管网站时，单击按钮会加载“index.html”。

我不知道为什么 AWS 放大服务器会加载与我的本地主机服务器不同的文件。

Answer 1

如果您使用 ReactJS 那么一切都将通过构建步骤 go 来创建构成单页应用程序的部署资产。 此构建步骤的结果是将部署在 AWS 上托管的内容。

对于 ReactJS 中的导航，最好使用像 React Router 这样的路由库。 您可以为简历内容创建一个新的 React 组件，并使用路由器链接导航到它。 这将更好地让单页应用程序理解，而不是使用 window.open 打开 HTML 页面。