1.写完Vue项目

修改src/router/index.js的Router对象

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Pos',
      component: Pos
    }
  ]
})
//添加mode:'history'

2.修改config/index.js

修改build下为;修改为./相对路径,为build的目录即生成dist的目录

assetsPublicPath: './',

3.npm run build;出现一下图片显示打包成功;当前目录出现dist文件夹

vue+django配置

 

至此VUE打包完成,接下来Django
1.将dist目录复制到django的绝对路径下
2.修改settings
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.contrib.messages.context_processors.messages',
            ],
        },
    },
]
#添加静态文件的位置
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'dist/static/'), ]

3.配置url

from django.conf.urls import url
from django.views.generic import TemplateView

urlpatterns = [
    # url(r'^admin/', admin.site.urls),
    url(r'^$', TemplateView.as_view(template_name='index.html')),

]

至此启动Django,完成!!!