djang部署vue項目

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')],  #修改此處
相關文章
相關標籤/搜索