Q&A
前提・実現したいこと
FlaskとBootstrapを用いてwebアプリを作っています。
BootstrapのCSSに加え、独自のCSSファイルから上書きしたいのですが、CSSが適用されません。
発生している問題・エラーメッセージ
デベロッパーツールでは独自のCSSファイルについて下記のエラーが出ています。
net::ERR_ABORTED 404 (NOT FOUND)
該当のソースコード
HTML
1base.html 2 3<head> 4略 5<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> 6<link rel="stylesheet" href="../css/style.css"> 7略 8</head>
試したこと
相対パスの見直し
補足情報（FW/ツールのバージョンなど）
ファイルのディレクトリ構成は、下記となっています。（templateフォルダの下にbase.html）
template
-base.html
css
-style.css
ご回答お願いします。
回答1件
0
ベストアンサー
Flaskのことは良く分かりませんが、静的リソース（今回はstyle.css）へのアクセスは「現在アクセスしているURLから参照可能なパスになっているか」が争点です。
つまり、フレームワークの構成上の話ではなく、得てしてフレームワークのテンプレートファイルは直接URLアクセスされるわけではなく、リクエストやコントローラによって指定されて呼びされるものなので、「HTML”ファイル”からのパス」を書いてもアクセスはできないかと。
大抵のフレームワークには「静的リソースへの配置の仕方（ルール）」と「静的リソースへまでの参照機能」はあるので、そちらを探されてはと。
ドキュメントだとこの辺りが該当しそうです。
投稿2021/11/14 12:06
総合スコア80875
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/11/20 12:02