vue/cli4+django 解决static资源请求问题

vue 项目下添加vue.config.js

module.exports = {
    // 输出目录
    assetsDir: 'static',
};

修改django的settings.py

FRONTEND_ROOT = 'vue_app/dist'
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,"static/")
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, FRONTEND_ROOT),
    os.path.join(BASE_DIR, FRONTEND_ROOT + '/static/'),
)

配置django的urls.py

from django.contrib import admin
from django.conf.urls import url,include
from django.views.generic.base import TemplateView

from django.views import static ##新增
from django.conf import settings ##新增

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^api/',include('app_zero.urls')),
    url(r'^static/(?P<path>.*)$', static.serve,{'document_root': settings.STATIC_ROOT}, name='static'),
    url(r'^$', TemplateView.as_view(template_name="index.html")),
]

运行

python3 manage.py collectstatic
python3 manage.py runserver 0.0.0.0:80