Статические файлы Django не работают на смартфонах
Я использую фреймворк Django для создания своего веб-приложения и развернул его с помощью ngrok.
Почему мой телефон не может получить доступ к статическим изображениям в шаблоне при посещении ngrok URL, а мой компьютер может?
Мой шаблон
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<img src="{% static 'img/hero-img-1.png' %}">
</body>
</html>
Моя настройка.py
from pathlib import Path
import os
BASE_DIR = Path(__file__).resolve().parent.parent
SECRET_KEY = "django-insecure-@p&wu2ht6d&50!yox%%#k*i(8*q(yc(3qyusw@uydit0hm42r&"
DEBUG = True
ALLOWED_HOSTS = [
'6785-123-240-57-1.ngrok-free.app',
'127.0.0.1',
]
INSTALLED_APPS = [
"django.contrib.admin",
"django.contrib.auth",
"django.contrib.contenttypes",
"django.contrib.sessions",
"django.contrib.messages",
"django.contrib.staticfiles",
'testdebug.apps.TestdebugConfig'
]
MIDDLEWARE = [
"django.middleware.security.SecurityMiddleware",
"django.contrib.sessions.middleware.SessionMiddleware",
"django.middleware.common.CommonMiddleware",
"django.middleware.csrf.CsrfViewMiddleware",
"django.contrib.auth.middleware.AuthenticationMiddleware",
"django.contrib.messages.middleware.MessageMiddleware",
"django.middleware.clickjacking.XFrameOptionsMiddleware",
]
ROOT_URLCONF = "debug.urls"
TEMPLATES = [
{
"BACKEND": "django.template.backends.django.DjangoTemplates",
"DIRS": [os.path.join(BASE_DIR, 'templates').replace('\\', '/')],
"APP_DIRS": True,
"OPTIONS": {
"context_processors": [
"django.template.context_processors.debug",
"django.template.context_processors.request",
"django.contrib.auth.context_processors.auth",
"django.contrib.messages.context_processors.messages",
],
},
},
]
WSGI_APPLICATION = "debug.wsgi.application"
DATABASES = {
"default": {
"ENGINE": "django.db.backends.sqlite3",
"NAME": BASE_DIR / "db.sqlite3",
}
}
AUTH_PASSWORD_VALIDATORS = [
{
"NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
},
{
"NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
},
{
"NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
},
{
"NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
},
]
LANGUAGE_CODE = "en-us"
TIME_ZONE = "UTC"
USE_I18N = True
USE_TZ = True
STATIC_URL = "static/"
DEBUG = True
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
Моя папка введите описание изображения здесь Спасибо
Если я не развертываю с помощью ngrok и просто использую 127.0.0.1:8000, то все работает. Но из-за моих требований я должен развернуть систему с помощью ngrok.