/django-vue-boilerplate

🔥为前端开发者打造的Vue和Django(RestFramework)模板

Primary LanguageVueMIT LicenseMIT

django-vue-boilerplate

README: English | 中文

基于 Vue 和 Django（RestFramework）的应用程序模板。

依赖环境

安装

安装模板

$ git clone https://github.com/zenghongtu/django-vue-boilerplate django-vue
$ cd django-vue

安装项目依赖

$ pipenv install --dev & pipenv shell
$ python manage.py migrate
$ cd frontend & yarn install

运行开发环境

$ yarn run serve

部署

运行打包

$ yarn run build

'Type 'yes' to continue, or 'no' to cancel:'

输入 yes

配置

设置 backend.settings.prod.py 中的 ALLOWED_HOSTS

  • Apache: 修改 backend.Apache.backend.conf 中项目路径

上传文件到服务器

目录结构

位置 说明
/backend Django 项目和后端配置
/backend/api Django App (/api)
/frontend Vue App .
/frontend/src/main.js JS 入口文件
/frontend/public/index.html HTML 入口文件 (/)
/frontend/src/assets 静态文件
/backend/dist/ 打包后的文件(通过python manage.py build or yarn run build)

其他

示例部分代码参考django-vue-template, 感谢@gtalarico