javascript - 当用户在 Gatsby 网站上右键单击 a，然后选择“在新选项卡中打开”时，如何确保链接正确打开？

Question

我有一个 Gatsby 网站，它使用 Gatsby 链接到内部页面，当您单击鼠标左键时，这些链接可以正常工作。但是，在我的客户端环境中，当您右键单击链接然后选择“在新选项卡中打开链接”时，会打开一个新选项卡并显示 404 错误。

我无法在 localhost 或 Netlify 上重新创建它，而且我的客户对他们正在使用的托管服务一无所知。我有一个前缀路径：

  pathPrefix: `/about/sites/default/files/etc/2019`, ...

我的链接格式如下：

<Link to="/downloads">...

在我被转发的一封电子邮件中，我得到了这个线索：

" 当您单击该链接时，您会注意到“.html”扩展名消失了。因此，每当您尝试在新选项卡中打开链接时，它会中断，以及当您单击顶部的公司徽标时。

它应该继续在 URL 末尾包含“.html”，就像去年的链接一样，以防止它像 https://www.company.com/about/sites/default/files/etc/2018/index一样中断.html https://www.company.com/about/sites/default/files/etc/2018/pageTwo.html "

公司徽标是<a>带有 href= https://www.company.com/about/的链接。

听起来解决方案可能是将 .html 添加到文件名中？有没有人遇到过这个问题？我没有办法测试或重现问题，而客户希望它在第一时间得到解决，所以我不介意为有保证的解决方案做很多工作。

标签： javascripthtmlreactjshyperlinkgatsby