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

本文介绍了如何将已完成的Vue前端项目与初始的Django后端项目进行整合。首先,通过`cnpm run dev`打包Vue项目。然后,将打包后的dist文件夹复制到Django工程中,并在Django的settings.py中注册应用,修改urls.py和settings.py的静态及模板配置。最后,运行Django项目,成功在浏览器中展示Vue页面。
摘要由CSDN通过智能技术生成

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
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值