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,完成!!!
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:vue+django配置 - Python技术站