vue+django配置

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
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，完成！！！