Vue与Django整合

最新推荐文章于 2024-07-02 11:14:20 发布

Pert-

最新推荐文章于 2024-07-02 11:14:20 发布

阅读量712

点赞数 1

文章标签： django python

本文链接：https://blog.csdn.net/s_frozen/article/details/120688627

版权

本文介绍了如何将Vue.js的构建产物与Django框架结合，通过在settings.py中配置`TEMPLATES`和`STATICFILES_DIRS`，以及在urls.py中设置TemplateView，实现前端静态文件的部署和URL指向Vue的index.html。这使得Vue应用能够与Django后端无缝集成，提供完整的前后端分离解决方案。

摘要由CSDN通过智能技术生成

`vue`

npm run build

`django`

在settings.py中：

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS':['vue/dist'],           #添加你打包的dist
        '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',
            ],
        },
    },
]

#添加代码
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "v