【Tauri + React】リンクをブラウザで開く方法

概要

TauriでリンクをOSのブラウザで開く方法です。普通にaタグのhrefにリンクを書くだけではもちろんTauriのアプリケーション内でリンクが開かれてしまいます。

解決法

aタグのtarget属性に_blankを設定してあげればブラウザで開くことができます。

App.tsx

return(
    <>
        <a href="https://~~">Tauriのアプリ内で開きます</a>
        <a href="https://~~" target="_blank">ブラウザで開けます</a>
    </>
)