1,將vue項目npm run buildcss
在此以前須要修改打包後的js,css文件路徑:vue
需新建vue.config.jsnpm
在文件中添加:django
module.exports = {
// 輸出目錄
assetsDir: 'static',
// 基本路徑
// baseUrl: './',
};
2,在django中新建目錄frontendfrontend
3,複製打包後的dist文件內容ui
4,將內容粘貼至frontend文件加內模板
5,取出static中的文件,放入frontend中,刪除static文件module
6,配置setting文件打包
(1)設置靜態文件路徑:配置
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "frontend"),
]
(2)設置模板路徑
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR,'frontend')], #修改此處