通过 AWS Elastic Beanstalk 部署 Django 应用程序会破坏 CSS 路径答案

【问题标题】：Deployment of Django App Through AWS Elastic Beanstalk Breaks CSS Paths通过 AWS Elastic Beanstalk 部署 Django 应用程序会破坏 CSS 路径
【发布时间】：2017-06-07 08:50:26
【问题描述】：

我刚刚通过 Elastic Beanstalk 将我的第一个简单的 Django 1.8.6（以防万一）应用程序部署到 AWS。

似乎一切正常；但是，样式没有加载。

这是模板的代码：

{% load blog_tags %}
{% load staticfiles %}
   <!DOCTYPE html>
   <html>
   <head>
     <title>{% block title %}{% endblock %}</title>
     <link href="{% static "css/blog.css" %}" rel="stylesheet">
   </head>
   <body>
     <div id="content">
       {% block content %}
       {% endblock %}
     </div>
     <div id="sidebar">
       <h2>My blog!</h2>
       <p>This is my blog. I have written {% total_posts %} posts so far.</p>
       <h3>Latest posts</h3>
       {% show_latest_posts 3 %}
     </div>
   </body>
   </html>

这里是页面的源代码：

 <!DOCTYPE html>
   <html>
   <head>
     <title>My Blog !!!</title>
     <link href="/static/css/blog.css" rel="stylesheet">
   </head>
   <body>
     <div id="content"> ...

如果我在本地机器上点击链接“/static/css/blog.css”，CSS文件就会打开；但是，在 Beanstalk 上找不到它。

我怀疑这与某些配置有关。知道我可以在哪里解决这个问题吗？

编辑：

这里是 .ebextensions/django.config 文件

option_settings:
  aws:elasticbeanstalk:container:python:
    WSGIPath: django_by_example_blog/wsgi.py
    StaticFiles: /static/=static/

【问题讨论】：

你读过realpython.com/blog/python/…吗？
没有。我跟着另一个教程。我将尝试添加该命令。
我已编辑问题以包含我的配置文件。根据上面的教程，它应该可以工作还是我错过了什么？
我意识到的另一件事是我的项目中有一个应用程序。未加载的是该应用程序的 static 目录中的 CSS 文件。将STATIC_ROOT 指向它是个好主意吗？如何确保应用的静态文件正确提供？

标签： css django python-3.x amazon-web-services amazon-elastic-beanstalk

【解决方案1】：

如果您使用的是 AMI 2，那么可以使用这个

option_settings:
  aws:elasticbeanstalk:container:python:
    WSGIPath: mysite.wsgi:application
  aws:elasticbeanstalk:environment:proxy:staticfiles:
    /static: static
container_commands:
  01_collectstatic:
    command: "source /var/app/venv/staging-LQM1lest/bin/activate && python manage.py collectstatic --noinput"
  02_migrate:
    command: "source /var/app/venv/staging-LQM1lest/bin/activate && python manage.py migrate --noinput"
    leader_only: true

【讨论】：