Django+Vue搭建web平台

一、Vue安装

1、环境安装

https://www.runoob.com/vue2/vue-install.html

2、创建一个Vue项目

# 创建一个基于 webpack 模板的新项目

 vue init webpack my-project

3、启动项目

cd my-project

npm run dev

4、新建一个vue文件

1)将helloworld.vue中的默认格式去掉

2)编辑App.vue ,使用模版语言渲染msg


3)在src/components组件下新建一个配置 :User.vue


2)在router下编辑index.js;将新建的路由加进去:




3)编辑App.vue 增加跳转链接按钮


二、Django安装

1、环境安装

2、创建一个Django项目

3、创建一个新的APP

4、编写一个新的接口

5、启动服务访问接口


三、解决跨域问题

1、安装pip install django-cors-headers

2、在setting的MIDDLEWARE中添加'corsheaders.middleware.CorsMiddleware',

在setting中添加CORS_ALLOW_CREDENTIALS =True

CORS_ORIGIN_ALLOW_ALL =True

3、在vue的config.index中添加跨域配置


4、编辑vue请求数据并渲染页面即可


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容