Django3.0和Vue前后端分离以及访问静态文件

最新推荐文章于 2024-07-26 11:47:06 发布

ginkgo_soul

最新推荐文章于 2024-07-26 11:47:06 发布

阅读量756

点赞数

文章标签： django vue

本文链接：https://blog.csdn.net/ginkgo_soul/article/details/112532455

版权

本文详细介绍了如何在Django3.0环境下使用PyCharm创建工程，并结合Vue进行前后端分离。通过在Django工程下创建Vue项目，然后打包Vue应用，调整Django的settings.py和urls.py配置来访问静态文件。最后，通过运行Django项目成功展示页面。

摘要由CSDN通过智能技术生成

Django3.0和Vue前后端分离以及访问静态文件

文章目录

前言
一、Django创建工程（vue_Django）
- 1.使用Pycharm
二、创建Vue项目
- 1. 在Django的工程（vue_Django）下创建Vue项目
- 2. 将myVue项目打包
三、更改Django内配置
运行DJANGO项目，显示页面

前言

主要记录Django3.0和Vue进行前后端分离遇到的问题。

一、Django创建工程（vue_Django）

1.使用Pycharm

如果pycahrm中安装有django3.0的环境，则可以直接选择。
创建工程

二、创建Vue项目

1. 在Django的工程（vue_Django）下创建Vue项目

在windows的CMD中使用

cd C:\workspace\vue_Django
npm create django-vue  //名称可以随便设

demo是上一步创建的django工程名
vue cli3 创建项目使用create，低版本不适用

2. 将myVue项目打包

首先验证Vue项目是否成功

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ginkgo_soul

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

IntelliJ IDEA从SVN导入Eclipse Maven多模块项目

Kris_Wilson的博客

04-28

6419

这两天折腾IntelliJ IDEA这个工具，就想试着用它来开发公司马上要修改的一个项目，项目源码放在SVN上，平时我们都是用Eclipse开发的，没有人用Idea这款IDE，所以对它不熟悉，导入这个项目的过程还是挺曲折，不过最终还是通过百度各位作者的博客完美的导入并运行了项目，在此由衷的感谢那些默默在网上付出的人。以前不写博客，觉得没什么用，其实这是错误的认知，写博客不仅能对自己掌握的知识进行一...

【Maven】旧项目改成Maven项目

mydreamljy的博客

09-25

332

【Maven】旧项目改成Maven项目 (1)查看列表案例改成Maven项目步骤创建maven-webapp项目添加依赖（Maven将下载，复制，粘贴jar等完成。复制前端代码 webapp下面的文件再复制java代码重新部署 <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</v

参与评论您还未登录，请先登录后发表或查看评论

【springboot】快速创建项目

嘻嘻哈哈

10-14

266

使用idea快速创建项目一、创建springboot项目二、创建maven多模块项目一、创建springboot项目二、创建maven多模块项目创建父项目创建模块一（用于共享类）后面next即可。创建模块二（用于独立发布的项目，步奏同springboot） ...

vue3+django+mysql实现一个简单的前后端分离的小案例

最新发布

irving725的博客

07-26

929

前端主要是使用了vue3的基本框架，首先是创建一个vue3项目，这里我是使用的vite+vue创建的项目，比较方便，在vscode里边几行代码就可以创建起来，这里有我遇到的一个坑是关于vscode，就是下面这种错误，在cmd终端执行指令的时候是可以的，但是在vscode里边就会出现这种错误，然后我使用管理员打开vscode这种错误就取消了，这是我的解决方案，对于其他设备可能会有不同的解决方案。app01是自己在创建项目是注册的app，注意要在创建完app后，在settings.py里边加上对应的配置文件。

把web项目改造为maven项目

weixin_33895695的博客

01-03

262

如题，资料网上有一大堆，这里是实践了做个整理。【注意】maven配置 maven要运行在JDK：外部JAVA_HOME指定到JDK，eclipse中runtime指定到JDK 在eclipse中配置好maven的索引功能，可以事半功倍（在Maven Repositories面板中配置）下载整个索引步骤见网址： http://www.cnblogs.com/mingforyou/arc...

idea 从svn导入多个项目_IDEA从subversion版本控制工具中导入多模块maven项目

weixin_39837105的博客

12-31

299

第一步：新建一个空工程点击next填好工程名，选好目录，一直点next就可以了。第二步：从SVN中导出项目到工程在SVN中选择项目的所有的模块，点击checkout导出所有模块然后下面比较关键，导入后IDEA会提示是否打开模块，这里我们选择否。最后一步：导入多个项目到工程点击File-->Project Structure-->Modules，点击加号“+”，添加模块，添加的时候...

django3.0+rest framework + Vue 生鲜学习素材.zip

04-27

在本项目中，"django3.0+rest framework + Vue 生鲜学习素材.zip" 提供了一个结合了 Django 3.0、Django REST Framework 和 Vue.js 的生鲜电商项目的前端学习资源。这个项目旨在帮助开发者了解如何构建一个完整的...

Python-pythonvue3前后端分离项目

08-10

开发者在实施这个项目时，需要熟悉Python的Web框架以及Vue.js 3的使用方法，了解如何配置和运行服务器，如何进行前后端的数据交互，以及如何调试和优化代码。此外，理解数据库设计和SQL查询也是必不可少的技能。通过...

Vue项目打包到django部署

lymmurrain的博客

10-28

3625

前言 Vue项目一般用于实现前端的单页面富应用，其打包后的文件可简单看作静态文件，所以可以通过Nginx部署，当然也可以通过django部署(毕竟本质上还是一个html文件及各CSS,JS文件的集合)。通过django部署还可以省去一些跨域的麻烦，不过前后端的耦合性就比完全分开部署的差一点。测试所使用框架版本 django 3.06，VueCli 3.0 Vue打包修改vue.config.js(VueCli3.0新建的项目里没有，要在项目目录新建一份) 修改为 module.exports = {

Vue3+TypeScript+Django Rest Framework 搭建个人博客

zgj0607的博客

08-25

574

本文适合对有 Python 语言有一定基础的人群，希望利用 Python 做更多有意思的事情，比如搭建个人博客，记录自己的所思所想，或者想找一个项目实践前后端分离技术等等。跟着本文可以了解和运行项目，本项目是在 Window 10 Professional 系统下开发。大家好！我是落霞孤鹜，从今天开始一步一步搭建一套基于 Python 语言的个人博客，这个项目也是我的个人博客搭建过程的记录，在实现过程中踏过了很多坑，这些坑也会在实现具体功能时列举出来，希望能帮助到可能遇到同样问题的你。整个项目.

介绍idea通过svn检出maven多模块项目

12-01

详细介绍IDEA从远程仓库SVN拉去MAVEN项目.多模块的项目

详细介绍idea通过svn检出maven多模块项目

07-02

详细介绍idea通过svn检出maven多模块项目，每一步都有截图以及操作顺序，很完整。

基于IDEA的ssm聚合项目

10-15

这是一个基于ssm框架,在IDEA上聚合的入门案例配置资源包

Idea创建多模块maven聚合项目的实现

08-25

主要介绍了Idea创建多模块maven聚合项目的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

idea导入多模块maven项目

qq_30908729的博客

08-26

1620

idea项目导入maven多模块的项目解决方法：其实导入时记得要勾选Search for project recursively，步骤可参考如下：idea项目导入maven多模块的项目_码上敲享录

Idea svn导入maven工程

杀神lwz的博客

07-12

671

输入svn地址，选择工程目录 checkout前自己点击下图新建文件夹后，选择此文件夹，再进行checkout

【maven】改造已有项目

sayyy的专栏

07-17

1627

前言 maven 3.5.0 eclipse 4.7.1 windows 7 wps 10.1( excel可以) 有一个java ee的web项目，需要改造成maven项目操作准备打开项目所在目录，比如为D:\abc 添加pom.xml文件在项目的根目录，添加一个最简单的pom.xml文件，或者从其它项目拷贝一个pom.xml文件，将不相关的部分删除。下面的p...

淘淘商城第76讲——搭建商品详情页面展示工程

李阿昀的博客

06-10

2944

从淘淘商城的系统架构上来说，其实商品详情展示与搜索系统都是独立的表现层工程。我们以京东为例，当我们搜索到某商品后，点击那个商品链接，进入商品详情页面时，可以在浏览器地址栏看到”item.jd.com”，很明显不是搜索系统工程了，这是专门用来展示商品详情的工程。我们同样也需要这么一个展示商品详情的工程，现在我们就新建一个taotao-item-web工程，该工程可参考taotao-search

django和vue前后端分离的项目整合

11-11

最后，为了方便开发和调试，可以在Django中配置静态文件服务，将Vue打包后的静态文件部署到Django项目中，并通过Django的模板系统来引入这些静态文件，完成项目的整合。通过以上方式，可以实现Django和Vue前后端...