如何将VueJS与Django集成并部署它们

时间:2019-01-29 07:09:12

标签: django vue.js

我是前端开发的初学者。

我正在尝试将VueJS用于新的Django项目。我正在考虑如何将Vue与Django集成。我一直在抬头,似乎有两种方法可以做到。

第一种方法是将Vue文件包含在static/js文件夹中。 (就像我们对jquery所做的一样),并且templates也包含在djnago项目中。

第二种方法是使用webpack并在Django项目之外创建另一个frontend文件夹。模板包含在Vue组件中。

我的第一个问题是第二个问题,我该如何部署项目?对于本地开发人员,我需要分别运行Django项目和Vue部分,我想知道以后如何部署它们。

还有,哪种方法更好?每种方式的优缺点是什么?

1 个答案:

答案 0 :(得分:0)

如果您的项目仅依赖Django / DRF api,则可以单独部署前端。

如果您的项目只需要在某个页面上显示Vue组件,但要利用Django的渲染功能,则需要将Vue应用程序包含在Django项目中。

就结构而言,仅在static/js/Vue内创建一个文件夹来存储所有相关代码就足够了。然后,您需要将Webpack集成到Django模板中。为此,您会发现django-webpack-loader有用。还有this tutorial