djang部署vue项目

时间 2019-11-18

标签 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')],  #修改此处