django-vue front and back end

doing what

Use django vue to implement web projects with separation of front and back ends, taking the CRUD project as an example

Technology Stack

• Backends
  • django
  • django rest framework
  • django cors headers
• Frontends
  • vue
  • bootstrap
  • fontawesome

Step

1. Backend
   1. Install Django I have installed it here
   2. Create a django project
   3. Add the model of the blog, and add some initial data
   4. Use restframework to add serializer, viewset, urls
   5. Set cross-domain cors headers
2. Front end
   1. Install node vue has been configured in advance
   2. Create a front-end project with vue-cli
   3. Modify index.html homepage to add bootstrap css framework and fontawsome font dependency
   4. Modify App.vue and core components
   5. Add axios http request component
   6. Add request backend code