为Django&Vuejs设置的Docker容器

我一直在和django/vue合作,这就是我的工作:

• 创建django项目
• 使用vue cli将项目的文件夹初始化为新的vue项目

从这里开始,我可以启动两个开发服务器,一个用于django,另一个用于vue:

python manage.py runserver

在另一个终端:

npm run serve

为了在Vue中使用我的API,我在 vue.config.js 以下内容:

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'
    ? '/static/'
    : '/',
  outputDir: '<PROJECT_BASE_DIR>/static',
  indexPath: '../templates/index.html',
  filenameHashing: false,
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8000'
      }
    }
  },
}

devServer 将请求重定向到API, outputDir 和 indexPath 帮助将应用程序生成到项目文件夹, <PROJECT_BASE_DIR>/templates/ 和 <PROJECT_BASE_DIR>/static/

接下来是创建一个 TemplateView 并设置 template_name 到 index.html (由vue构建的文件),这样您就可以在django视图/模板中使用spa。

使用这种方法,您可以为django使用docker容器。

我希望这能给你一些基本的指导。

亚历杭德罗

2019年5月编辑

这里是使用ecs、aws容器编排工具和gitlab for ci/cd为django和vue设置的。回购协议是 here 是的。

我一直在做一个项目,演示如何用Docker设置Django+Vue项目。它是一个名为 verbose-equals-true ( https://verbose-equals-true.tk )中。此项目的源代码在此处提供: https://gitlab.com/briancaffey/verbose-equals-true

以下是我如何组织生产项目的概述。该项目使用docker compose为生产和开发编排不同的容器。

如果您有任何问题,请告诉我,我是如何使用django/vue/docker的。我有详细说明的文件在 https://verbose-equals-true.tk/docs 是的。

以下是关于您的问题/关注点的一些想法:

• 我从VueJS关于如何对接Vue应用程序的官方建议开始,并从Docker关于如何对接Postgres+Django应用程序的官方示例开始。你可以把所有的东西放在同一个容器里,但我喜欢把东西分开,这样可以保持东西的模块化和清晰。

• 我使用jwt对djangorestframework_jwt包进行身份验证。我还可以使用内置的django身份验证系统和django管理。

• 我认为有单独的容器是有意义的。在开发过程中,您可以从运行 npm run serve ,在生产环境中,您可以从nginx容器中提供生产应用程序的静态文件(您可以为此部分使用多阶段构建)。

• 我会把所有东西都放在容器里,服务器上除了Docker引擎什么都没有。这将简化设置,并允许您将应用程序移植到决定部署它的任何位置。唯一有意义分开的是postgres数据库。连接到aws rds这样的托管数据库服务通常要容易得多,但也可以在docker主机上运行postgres容器,以使事情更加简单。这需要您自己进行备份,因此您需要熟悉Docker卷。