使用 React-router-dom 链接在新选项卡中打开文件 URL答案

【问题标题】：Open File URL in new Tab with React-router-dom Link使用 React-router-dom 链接在新选项卡中打开文件 URL
【发布时间】：2022-11-09 02:10:19
【问题描述】：

我创建了一个动态文件搜索 URL，它以 {row} 形式返回文件 URL。而且我一直在尝试添加功能以在单击时在新选项卡中打开相同的文件 URL。

这里{row} 返回设备目录的完整文件路径，在我的情况下， /users/prerak/Desktop/OpenMFRefer/data/message1

我试过了 -

但这会将我重定向到localhost:3000/<file path>。相反，它应该将我重定向到file:///<file path>

我也试过—— <Link to={`/${row}`} target="_blank">{row}</Link> 这将我发送到http://<file Path>，这几乎是同一个问题。

请告诉我如何解决这个问题。

【问题讨论】：

直接打开文件 URL 是 security risk。请参阅this answer，它描述了如何设置本地服务器来提供特定文件而不需要file:// URL。
尝试添加//在路径或 url 之前，即to={'//${row}'} 从 url 中删除 localhost。
感谢您的帮助和解决方案。但是{'//${row}'} 不起作用，因为它仍然被认为是一个安全问题。是否有任何其他解决方法可以在不使用任何新软件包的情况下实施？

【解决方案1】：

任何答案了吗？我遇到了同样的问题。

【讨论】：

请不要添加我也是作为答案。它实际上并没有提供问题的答案。如果你有一个不同但相关的问题，那么ask它（如果它有助于提供上下文，请参考这个问题）。如果你对这个特定的问题感兴趣，你可以upvote它，留下comment，或者在你有足够的reputation时开始bounty。