已有Vue项目和Django初始化项目的结合

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

已有Vue项目和Django初始化项目的结合

    • 1.背景描述

    • 2.打包Vue项目

    • 3.Vue项目整合到Django项目中

      • 3.1 Vue项目拷贝

      • 3.2 注册创建的application

      • 3.3 在主目录的urls.py中添加路径

      • 3.4 修改settings.py中的模板文件和静态文件

      • 3.5 运行项目

1.背景描述

毕设项目开发首先完成的是前端部分，现已完成前端页面的大部分内容，需要连接后端，前端是基于Vue的项目，后端是初始化的Django项目（Django初始化：Django安装、项目初始化以及在cmd和PyCharm中运行Django项目）

2.打包Vue项目

在Vue项目下执行：

cnpm run dev

将Vue项目打包进dist文件夹，在项目目录下可找到dist

3.Vue项目整合到Django项目中

（Django初始化在文章开头有链接）

3.1 Vue项目拷贝

将Vue项目打包生成的dist文件拷贝到Django后端工程中

3.2 注册创建的application

在settings.py中注册自己所创建的application

3.3 在主目录的urls.py中添加路径

3.4 修改settings.py中的模板文件和静态文件

3.5 运行项目

用终端运行或者IDE中直接运行项目（step7、step8为运行方法：Django安装、项目初始化以及在cmd和PyCharm中运行Django项目），可以在浏览器中访问到Vue项目页面

完毕！

以上是 已有Vue项目和Django初始化项目的结合 的全部内容， 来源链接： utcz.com/z/376672.html

回到顶部