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對象賦值給其他變量