目標 _blank url 在 React JS 生產構建中不起作用

Question

當我點擊鏈接時，我在 react js 的生產構建中遇到 404 錯誤，並在 firebase 托管網站上顯示錯誤。

<Link target='_blank' to={'/property-details?id='some_id'}/>

Answer 1

要修復它，您可以將代碼更改為以下內容。

<Link to="/home" target="_blank" rel="noopener noreferrer" />

只需添加rel屬性即可修復它。 這也可以提高您的頁面性能。

---

如果您想改用<a>標簽，則可以使用以下代碼。

<a href="https://stackoverflow.com/" target="_blank" rel="noreferrer noopener">Stack Overflow</a>

rel屬性將提高頁面性能。