django在背景图像上返回403 Forbidden

时间:2017-08-07 14:15:11

标签: css django django-templates django-staticfiles

我目前正在从我的一个基本模板加载的样式表中收到 403 Forbidden错误。路径似乎正确,但服务器不会加载它。

模板 base.html

sending a curl request to the url created by wso2.

我的css看起来像: 的 nav_style.css

<!DOCTYPE html>
{% load staticfiles %}
{% load static %}
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- BOOTSTRAP -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- GOOGLE FONTS -->
    <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans|Oswald|Raleway|Roboto+Condensed|Roboto:300,400,900" rel="stylesheet">
    <!-- NAV BAR CSS -->
    <link rel="stylesheet" href="{% static 'static/css/nav_style.css' %}"> <!-- Resource style -->
    <script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <!-- Resource jQuery -->
    <script src="{% static 'static/js/modernizr.js' %}"></script> <!-- Modernizr -->    
    <script src="{% static 'static/js/nav_main.js' %}"></script> <!-- Resource Nav -->
  </head>
  <body>
    <div class="container">
        {% block body_block %}
        {% endblock %}
    </div>
  </body>
</html>

返回以下错误:

.cd-stretchy-nav.edit-content ul a::after {
  right: 7px;
  background-image: url(../img/stretchy_nav_cd-sprite-3.svg);
}

项目文件夹具有以下结构:

Failed to load resource: the server responded with a status of 403 (Forbidden)

具体设置适用于为我的所有资源提供服务的另一个静态应用程序

所以对于 settings.py 我有一个BASE_DIR和一个REMOTE_DIR

myproject
-myapp
-- ...
-myproject
-- settings.py
-- ...

静态应用程序,因为我的REMOTE_DIR如下所示:

TEMPLATE_DIR = os.path.join(REMOTE_DIR,"static/html")
STATIC_ROOT = REMOTE_DIR
STATIC_DIR = os.path.join(STATIC_ROOT,"static")

STATICFILES_DIRS = [
STATIC_DIR,
...,
]

STATIC_URL = '/static/'

1 个答案:

答案 0 :(得分:0)

尚未找到对此问题的正确和简单的答案,最直接的解决方案是将样式表中请求的资产(例如背景图像)直接移动到与css文件相同的文件夹中,并相应地调整URL。