Vue 和 Django 前后端分离实践 （注册功能）

1. Vue 和 Django 前后端分离实践 （注册功能）

• 注册页面
  
  
• 应用层
  
  
• 控制层
  
  
• 数据层（用户添加）
  
  
• 数据库（是否添加至数据库）
  

2. 注册列表获取数据库数据

• 后台接口（获取用户列表）
  
  
• 前端显示
  
  

3. 问题

3.1 https；http协议问题，

• 安装模块 django-sslserver
  

   pip install django-sslserver
  

• 在setting.py 文件添加两处配置
  
  
  
• 使用注意 SECURE_SSL_REDIRECT
  
  
  
  • 当SECURE_SSL_REDIRECT = False时，http请求无响应，https请求能正确访问。
    
  • 当SECURE_SSL_REDIRECT = True时，http请求会重 定向https，此时django支持https，可正确访问。
    
  
  
• 生成证书命令
  

   python manage.py runsslserver
  

• 运行命令后出现如此信息
  

   Using SSL certificate: /Users/xx/Desktop/Django-test/venv/lib/python3.10/site-packages/sslserver/certs/development.crt
Using SSL key: /Users/xx/Desktop/Django-test/venv/lib/python3.10/site-packages/sslserver/certs/development.key
  –cert 指定使用的证书
–key 指定使用的密钥

• 再次启动Django
  

   python manage.py runsslserver --certificate /Users/cqa/Desktop/Django-test/venv/lib/python3.10/site-packages/sslserver/certs/development.crt --key /Users/cqa/Desktop/Django-test/venv/lib/python3.10/site-packages/sslserver/certs/development.key
  3.2 crsf认证问题

• 目前的方法是直接注释掉 crsf部分的配置
  
  

3.3 Django获取数据库 的内容 的类型问题

• 背景与目的
  

   原本想使用Django 从数据库捞取 用户列表的所有数据，并返回给前端
  

• 使用Django 获取mysql数据时，是这样子的
  
  
• 需要注意reg 变量的数据类型问题，Django获取mysql后返回的是QuerySet类型，可能需要将其转为json格式或者需要的其他类型数据，
  
• 若转为json ，有两种办法
  
  
  
  • serializers.serialize(“json”,QuerySet）
    
  • json.dumps(QuerySet)
    
  
  

3.4 Django本地运行可以，但无法通过外部访问

• 配置setting.py,允许人意地址访问
  
  
• 重新运行Django ，运行命令时加入 0.0.0.0:8000
  
  

3.5 Django 接口数据正常获取，但vue前端 table数据无法正常显示

• 造成问题的原因是因为 this指向问题，funtion普通函数中this指向window： 所以如果需要在function函数中使用this对象，需要事先把this对象赋值给其他变量
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！