1. problem

1.1 solve

Referencing foreign keys “” It's double “__”, Not just ""

2. Cross domain header problem

:8080/#/home/user:1 Access to XMLHttpRequest at ‘http://127.0.0.1:8000/v1/users/users’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource

2.1 solve

Whether the front-end route is written incorrectly , Forget to add "/“ And cause cross domain errors
front end vuex The route in , hinder ”/" , Remember to add ！！！
Or look at the setting.py Is there a header and method that allows cross domain configuration under the file

CORS_ALLOW_METHODS = ("*")  #  Configure the allowed request methods 
CORS_ALLOW_HEADERS = ("*")  #  Configure the allowed request headers 

Sometimes , direct writing "*", If it doesn't work , Reading the newspaper is wrong in the request header or the request method , Add this method under the corresponding

CORS_ALLOW_METHODS = ("*","POST")  #  Configure the allowed request methods 
CORS_ALLOW_HEADERS = ("*","Access-Control-Allow-Origin")  #  Configure the allowed request headers 

3. ref Usage of

1、ref Add to common elements , use this.ref.name What you get is dom Elements

2、ref Add to the subcomponent , use this.ref.name Get the component instance , You can use all the methods of the component .

3、 How to use it v-for and ref Get a set of arrays or dom node ( Help select nodes )