Django和vue.js 项目整合

最新推荐文章于 2025-07-14 15:24:18 发布
原创 最新推荐文章于 2025-07-14 15:24:18 发布 · 1.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文详细介绍如何在Django项目中使用vue-init命令创建前端项目，并通过webpack打包Vue应用，最终将其无缝集成到Django框架中。文章强调了打包步骤的重要性，确保dist文件夹的生成，以便于后续的集成工作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在Django项目下，vue-init webpack appfront   ## appfront为前端项目的名称，可自定义。创建的项目会跟django中的app一样的目录登记。类似一个前端app一样。

 

vue项目写完后，打包vue项目，然后修改django配置，将vue集成到django中

cnpm run build        ## 打包vue项目，会将所有东西打包成一个dist文件夹 

一定要打包！！！一定要打包！！！

 

不然dist哪里来的 

django+vue的整合步骤
weixin_44079503的博客
04-18 417
在index.html模板文件中引入vue.js和axios.min.js <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.1/axios.min.js"></script&.
整合Django和Vue.js
l2535460824的博客
05-06 2417
一、 整合Django和Vue.js    我们已经分别完成了Django后端和Vue.js前端工程的创建和编写，但实际上它们是运行在各自的服务器上，和我们的要求是不一致的。因此我们须要把Django的TemplateView指向我们刚才生成的前端dist文件即可。 1. 使用Django的通用视图 TemplateView    找到project目录的urls.py，使用通用视图创建最简...
应该如何将Django与Vue结合使用？
最新发布
qq_35879393的博客
07-14 728
Django与Vue的结合以​​API驱动​​为核心，通过清晰的责任划分（后端数据+前端交互）提升开发效率与可维护性。建议开发阶段开启两个独立服务（Djangorunserver和 Vue），通过代理或CORS解决跨域；生产环境则通过Nginx整合静态资源与API请求，实现一体化部署。进阶场景可扩展用户认证（DRF SimpleJWT）、实时通信（WebSocket）或SSR优化（Nuxt.js）。
搭建vue项目步骤详解
我不是程序员的博客
09-27 245
搭建vue项目步骤详解 第一步：搭建node.js环境 下载安装node.js，一路下一步就行，如果中途出现错误信息为2503或2502的一般情况下是因为权限不足。（下载地址为：https://nodejs.org/en/） 检查是否安装成功：如果输出版本号，说明我们安装node环境成功 为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可
【转】整合 Django + Vue.js 框架快速搭建web项目
m0_37136911的博客
09-26 1581
转自：https://cloud.tencent.com/developer/article/1005607 可能遇到的问题及解决方法：https://segmentfault.com/q/1010000009075667/a-1020000011764624 一、 背景 在工作中我们经常须要构件一些基于web的项目，例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前...
结合Django和Vue.js构建现代Web应用
Code掘金的博客
05-27 1117
在现代Web开发中，结合后端框架和前端框架是非常常见的，其中Django作为一种流行的Python后端框架，而Vue.js则是一种灵活强大的前端框架。然后，你可以使用Gunicorn等工具来部署Django应用，并使用Nginx等工具来作为反向代理服务器来提供服务。应用中，可以创建视图和模型来定义数据和业务逻辑，并使用Django REST framework来构建API。通过结合Django和Vue.js，你可以构建出功能强大且现代化的Web应用，实现前后端分离和更好的开发体验。希望本文对你有所帮助！
Django+Vue.js搭建前后端分离项目的示例
10-19
根据提供的文件内容，以下是有关使用Django和Vue.js搭建前后端分离项目的关键知识点： ### Django后端开发 1. **创建Django项目：** - 使用Django的管理命令 `django-admin startproject ulb_manager` 创建项目。...
Django+Vue.js实战派，项目资料
06-16
本资源"**Django+Vue.js实战派，项目资料**"显然提供了一套完整的实战教程或者项目案例，帮助开发者深入理解和掌握这两种技术的结合使用。 **Django** 是一个用Python编写的高级Web框架，它遵循MVC（模型-视图-控制...
六、Django整合Vue（Mac环境搭建）
weixin_42199646的博客
04-10 508
=>自动运行npm install，选择第三项，不运行，自己执行命令。Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；Vue build ==> 打包方式，回车即可；
Django：Django + Vue前合并分离项目
02-14
Django的 Django + Vue前初步分离项目
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
09-18
今天小编就为大家分享一篇django与vue的完美结合_实现前后端的分离开发之后在整合的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
DJango跟Scrapy爬虫框架实现-ScrapydAPI
04-27
DJango跟Scrapy爬虫框架实现对Zol硬件评价进行情绪分析并判断是否购买的例子 主要展示如何用Django跟Scrapy框架的使用 用Scrapyd API来实现在网页中调用爬虫
已有Vue项目和Django初始化项目的结合
sinat_37864181的博客
03-15 846
已有Vue项目和Django初始化项目的结合1.背景描述2.打包Vue项目3.Vue项目整合到Django项目中3.1 Vue项目拷贝3.2 注册创建的application3.3 在主目录的urls.py中添加路径3.4 修改settings.py中的模板文件和静态文件3.5 运行项目 1.背景描述 毕设项目开发首先完成的是前端部分，现已完成前端页面的大部分内容，需要连接后端，前端是基于Vue的...
使用Django + Vue.js快速而优雅地构建前后端分离项目
热门推荐
liuyukuan的专栏
04-22 4万+
  2017-02-11 20:43 | https://sanwen8.cn/p/68bJEgr.html 作者｜高远 我为什么要选择Django与Vue.js？ 首先介绍一下我看重的点： Django (MVC框架) Python ORM 简单、清晰的配置 Admin app Django 仅因为 Python 的血统，就已经站在了巨人的肩...
结合 Django 和 Vue.js 打造现代 Web 应用
Rocky006的博客
11-17 1990
在 Web 开发的世界里，Django 和 Vue.js 分别是后端和前端两个非常流行的框架。Django 以其强大的后端能力、快速开发以及安全性而著称，而 Vue.js 因其简洁、灵活和易于上手在前端开发领域广受欢迎。 本篇文章将详细介绍如何将 Django 与 Vue.js 结合使用，打造一个现代化的 Web 应用。文章会通过一个简单的博客应用案例，展示 Django 如何作为 API 服务端，而 Vue.js 如何用作客户端界面。
使用 Django + Vue.js 开发个人博客网站（完整版附源码）—— Python-课程设计-期末项目
WS的小屋
06-14 7735
页面展示： 源码 首页 不同板块 注册页面 登录页面 个人信息 写文章页面 文章详情页面 文章评论 本文主要讲解 Python 后端部分，由于仅仅用到了 vue 作为 js 框架并非前后端分离项目，故前端不单独介绍。 一、项目内容（做什么） 本项目实现了一个网页端的 博客系统 ，该博客系统允许多人注册登录，用户可以在网站上面发布博客，浏览别人发布的博客。 实际意义在于：当一个小组或者一个班级需要进行学习与交流的时候可以用到，大家都可以在上面分享自己的学习心得，然后互相学习，由于本项目分了板
关于Django与VUE.js
godqiao的博客
12-23 1万+
django，VUE.js，Element UI
Django+Vue.js快速搭建Web项目教程
在Django项目的settings.py中，设置STATIC_URL和STATICFILES_DIRS，以便Django能正确找到Vue.js的打包文件。 3、测试完整应用： 启动Django服务器，访问指定URL，确认前后端交互正常，无误后，可以将应用部署到生产...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值