Vue和Django前后端分离的简单记录

最新推荐文章于 2024-08-11 18:23:38 发布

公孙杰

最新推荐文章于 2024-08-11 18:23:38 发布

阅读量319

点赞数 2

分类专栏：前后端分离文章标签： webpack npm vue.js django

本文链接：https://blog.csdn.net/qq_44771533/article/details/106856708

版权

本文记录了使用Vue创建项目、配置环境，以及Django项目的创建过程。Vue项目打包后生成的dist文件夹放入Django同级目录，通过修改Django的urls.py和settings.py实现部署。同时提供了相关教程链接以供参考。

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

Vue和Django前后端分离的简单记录

Vue的项目创建与打包

Vue的项目创建与打包

首先进行环境配置

全局安装好 node/ vue /vue-cli /webpack (能百度到很多方法和资源)

可以通过类似 node -v验证是否成功安装

在项目文件夹创建项目

通过在CMD命令行输入

vue init webpack 项目名      //项目名要小写

创建vue项目

如果使用命令后等待时间过长，出现timeout错误

 vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 192.30.253.112:443

那你需要离线初始化，在此之前从github上下载模板下载地址

将压缩包解压到C盘用户目录下的 .vue-templates文件夹 (没有就自己新建一个)

将文件夹改名为webpack
在这里插入图片描述
然后可以使用命令离线初始化了

D:\Vue_works>vue init webpack demo --offline   #这里是命令
> Use cached template at ~\.vue-templates\webpack

'git' �����ڲ����ⲿ���Ҳ���ǿ����еĳ���   #乱码不要在意
���������ļ���
? Project name demo                                 #完成以下选项
? Project description A Vue.js project
? Author gongsunjie
? Vue build standalone
? Install vue-</