如何让Django看到Vue.js编译生成的dist/static下的文件

Question

我想知道在以下情况下如何为Django指定静态目录。

• 我根本不使用Django模板(我在html文件中不使用{% static ... %}(
• vue-cli在不在Django项目范围内的dist/下生成输出，我不想改变这个
• 在index.html中，bundle.js由<link href="static/js/bundle.js">加载
• 想让Django看到index.html和static/js目录下的所有js文件

目录树

root
├── vue_proj
│      └── dist
│           ├── index.html <- SPA, and no Django template in this.
│           └── static <- I wouldd like to let Django see this dir!
│                 └── js
│                      └── bundle.js
└── django_proj <- I executed "django-admin startproject project" here.
└── project <- I executed "django-admin startapp app" here.
├── manage.py
├── app 
└── project
├── settings.py <- What should I do here?

到目前为止，我可以通过设置TEMPLATES参数让Django看到dist/index.html至CCD_ 9
我尝试了以下操作，但加载js文件失败。。。

STATIC_ROOT = '../vue-proj/dist'
STATIC_URL = '/static/'

Answer 1

尝试这个

STATICFILES_DIRS = [
BASE_DIR.parent / "vue-proj/dist/static'",
]

静态根目录用于生产，它将从静态文件夹收集所有css和js到静态根目录。

STATIC_ROOT = BASE_DIR.parent / "static_cdn"