owari758
@owari758

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Djangoにてstaticファイルが404エラーが出てしまう。

解決したいこと

dockerにてdjangoの開発環境を立ち上げ、作業したところ
runserver時にstaticファイルがNotFoundとなり
ページにcssやjs、画像が反映されません。

初歩的な質問で大変おはずかしいのですが、どうかご教授ください。

発生している問題・エラー

 "GET /js/scripts.js HTTP/1.1" 404 2280
Not Found: /assets/img/portfolio/thumbnails/2.jpg
[15/Jun/2023 10:30:31] "GET /assets/img/portfolio/thumbnails/2.jpg HTTP/1.1" 404 2352
Not Found: /assets/img/portfolio/thumbnails/3.jpg

該当するソースコード

スクリーンショット 2023-06-15 11.03.40.png

{% load static %}
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>title</title>
        <!-- Favicon-->
        <link rel="icon" type="image/x-icon" href={% static 'assets/favicon.ico' %} />
        <!-- Bootstrap Icons-->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
        <!-- SimpleLightbox plugin CSS-->
        <link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href={% static "css/styles.css" %} rel="stylesheet" />

自分で試したこと

setting.pyに「STATIC_ROOT = "/docker/www/django/static/"」を追加しました。

STATIC_ROOT = "/docker/www/django/static/"
STATIC_URL = 'static/'
1

1Answer

プロジェクトのフォルダを基点に考えましょう。
それと、コレクトしてください。

python manage.py collectstatic

短い解説

苛つくくらい超長い解説

0Like

Comments

  1. @owari758

    Questioner

    コレクトは開発環境時にも行った方がいいのでしょうか?

Your answer might help someone💌