Question

我正在使用带有Django后端的Vue + webpack作为我的webapp，当用户点击根URL“/”时，我需要能够从Django的dist文件夹中提供文件。包含来自Vue + webpack的静态文件的dist文件夹已经创建，我只需要知道如何从Django提供这些文件。我在Heroku上禁用了collectstatic，因为我的所有文件都将从django没有生成的dist文件夹中提供。

我可以从dist文件夹中提供index.html，但不能在那里提供js和css文件。我得到的错误是找不到/static/js/main.js

这是我到目前为止所做的，但我的尝试都没有奏效。我需要一些方法来配置Django urlpatterns来提供dist文件夹中的静态文件

settings.py

TEMPLATES = [
{
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join(BASE_DIR, '../dist')],
    'APP_DIRS': True,
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.debug',
            'django.template.context_processors.request',
            'django.contrib.auth.context_processors.auth',
            'django.template.context_processors.static',
            'django.contrib.messages.context_processors.messages',
        ],
    },
},
]

STATIC_ROOT = os.path.join(BASE_DIR, '../dist')
STATIC_URL = '/dist/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, '../dist'),
]

STATICFILES_FINDERS = ( 
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)

urls.py

if settings.DEBUG is False:
    urlpatterns += url(
urlpatterns += url(r'^$', generic.TemplateView.as_view(template_name='index.html')),

DIST /

 - index.html
 - static
    - js
        - main.js
    - css
        - main.css

Django从webpack和vue生成的dist文件夹中提供index.html

0 个答案: