时间戳

首页 > 解决方案 > uwsgi静态文件加载错误表单django（react和webpack）

django - uwsgi静态文件加载错误表单django（react和webpack）

问题描述

我的应用程序由 django 和 react 组成，最后捆绑到静态 (.js) 文件中。我的目标是为其设置一个 nginx，但现在我只想在 uwsgi 中运行以查看它是否有效。Aaaaand 它根本不起作用。我相信加载这个 webpack 正在编译的捆绑文件存在问题。

与 uwsgi 的连接有效，服务器已启动并正在运行，但是当连接到 127.0.0.1:8080 时，我得到（在 Mozilla 中）：

The resource from “http://127.0.0.1:8080/static/frontend/main.js” 
was blocked due to MIME type (“text/html”) mismatch 
(X-Content-Type-Options: nosniff).

# and another

GET http://127.0.0.1:8080/static/frontend/main.js

HTTP/1.1 404 Not Found
Content-Type: text/html
X-Frame-Options: DENY
Content-Length: 3277
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin
Vary: Origin

我发现了类似的主题：Django 上的静态 STATIC_URL 和 STATIC_ROOT 之间的区别

这：Django + React 由于 MIME 类型（“text/html”）不匹配（X-Content-Type-Options：nosniff），资源被阻止

但乱搞python manage.py collectstatic什么都没解决。

我有这行代码来管理静态文件：

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join('/app/label_it/front/static/frontend/')

这就是我开始 uwsgi 连接的方式：

python manage.py collectstatic --no-input
uwsgi --http 0.0.0.0:8080 --master --enable-threads --module label_it.wsgi

除此之外collectstatic，我还尝试使用以下方法弄乱<script src"static_file_path"></script>此静态路径：

<script src="../../static/frontend/main.js"></script>

# and

<script src="{% static "frontend/main.js" %}"></script>

结果什么都没有。

任何线索表示赞赏！

编辑：

我的文件结构：

文件结构

标签： djangowebpackdjango-rest-frameworkuwsgiwsgi

解决方案

好的，我刚刚对自己的服务器和 django 项目进行了一些测试以确认我的怀疑，我得出以下结论：如果静态文件的路径不存在，则会发生此错误。这意味着 uwsgi 无法main.js使用您的设置找到此文件。

我的建议是执行以下操作，以确保您的静态文件以 django 知道在哪里查找的方式正确提供。

默认情况下，django 在每个已安装的应用程序中搜索static文件夹以查找静态资产。因为您的项目不是这样设置的，所以您必须指定静态文件所在的其他目录。

这是STATICFILES_DIRS为了什么。

在你settings.py放以下

STATICFILES_DIRS  = [
    BASE_DIR / 'label_it/front/static'
]

这将使label_it/front/staticdjango 可以发现里面的所有文件。

现在这意味着

<script src="{% static "frontend/main.js" %}"></script>

将（希望）工作。

urls.py此外，如果您还没有在文件中包含静态 url，请记住。

urls.py

from django.contrib.staticfiles.urls import staticfiles_urlpatterns


urlpatterns = [
    ...
]

# static content urls
urlpatterns += staticfiles_urlpatterns()

旁注：STATIC_ROOT旨在成为您运行时收集所有静态文件的位置python manage.py collectstatic。

因此，它应该是一个空目录，最好在 django 项目的根目录中。

STATIC_ROOT = os.path.join(BASE_DIR, 'static_collected')

文件夹的名称并不重要，我已经用作static_collected示例。

如果您希望运行该命令，您会看到label_it/front/static/那里复制的所有文件。

推荐阅读