Unit 10 Continuous Tuning

1. Front-end and back-end separation Vue interface

1.django preparations

1. Add the following code in the setting

INSTALLED_APPS = ['corsheaders', # cross domain'rest_framework']MIDDLEWARE = ​​['corsheaders.middleware.CorsMiddleware', # cross-domain middleware]CORS_ORIGIN_ALLOW_ALL = True

2.vue instance

1. Create vue

vue create project name

2. New cross-domain file

3.Write cross-domain file code

4. Package
Create a new folder utils, and create a request.js file in it for packaging

5. Create a front-end vue project in src-views to prepare

6. Change route

7.Hook function, describe the index page code for front-end and back-end joint debugging

8. Render the page