メモレベルの内容ですので正確性に欠けるところがあるかもしれません。
必要のない設定などがある可能性があることをご了承ください。
とりあえずこれで動作は確認しています。
動作確認をしているLeptosのバージョンは「0.8.15」です。
イメージの配置場所
「プロジェクト/public」配下に配置します。
設定の追加
Cargo.tomlに以下を追加
[package]
name = "leptos-web"
version = "0.1.0"
edition = "2024"
+ [package.metadata.leptos]
+ assets-dir = "public"
[dependencies]
leptos = {version = "0.8.15", features = ["csr"]}
index.htmlに以下を追加
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
+ <link data-trunk rel="copy-dir" href="/public/images"/>
<title>web-site</title>
</head>
Rustのコーディング
#[component]
fn DisplayImage() -> impl IntoView {
view! {
<img src="/images/site-icon.png" />
}
}
以上で画像を画面に表示することができました。