Django项目中加入Vue3.0项目加载静态文件Nginx服务器线上部署

最新推荐文章于 2024-06-15 20:00:03 发布

kylin_lou

最新推荐文章于 2024-06-15 20:00:03 发布

阅读量804

点赞数

分类专栏：前后端不分离 django加入Vue项目文章标签： Vue django 静态文件加载线上部署找不到路径

本文链接：https://blog.csdn.net/louyingyuan/article/details/102800091

版权

本文详细介绍了如何在Django项目中集成Vue3.0，并处理静态文件加载问题。内容包括Vue项目结构、Django设置文件的修改、URL配置、静态文件拷贝以及Nginx服务器的线上部署步骤，确保项目正常运行。

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

一、Vue项目由前端开发打包好，发给我的时候是长这样的，注意：favicon.ico一定要放在static文件夹里，否则图标加载不出来

二、直接将Vue项目放在django项目的项目目录下(并非应用目录下)

三、修改项目的setting文件

1、首先检查INSTALLED_APPS中是否有注册django.contrib.staticfiles

2、在TEMPLATES中修改模板文件路径，将默认的templates修改为Vue项目的名字

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'dist')]

3、修改静态文件路径

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')
# A

关注

专栏目录