一、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请求数据并渲染页面即可