django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 Django-rest-framework-simplejwt 這兩個套件。
settings.py
再來設定 django 的 back_end/settings.py 引入，

學習

職場產業

settings.py

authentication

<div class="draft-block draft--p left">django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 <span style="font-weight: bold; ">Django-rest-framework-simplejwt</span> 這兩個套件。</div>
<pre class="public-DraftStyleDefault-pre draft-block"><pre class="draft--code-block">pip install djangorestframework djangorestframework_simplejwt</pre></pre>
<h2 class="draft-block draft--h2" name="header-9j0g0">settings.py</h2>
<div class="draft-block draft--p left">再來設定 django 的 <span style="font-weight: bold; ">back_end/settings.py</span> 引入，首先來設定 <span style="font-weight: bold; ">INSTALLED_APPS</span> ，將 <span style="font-weight: bold; ">rest_framework</span> 和 <span style="font-weight: bold; ">rest_framework_simplejwt.token_blacklist</span> 引入</div>
<div class="embed-block-prerender" data-type="gist" data-id="104a1f7c8b9861c14af6b350e74bf88d"></div>
<div class="draft-block draft--p left">加入這段 <span style="font-weight: bold; ">REST_FRAMEWORK</span></div>
<div class="embed-block-prerender" data-type="gist" data-id="6da1ff0df467a415f0b12de8ce45a375"></div>

State management
首先我們先來寫一些前台存 token 和刪除 token 的方法在 vuex sate management，檔案位置在 src/store/index.ts
Login
接下來我們來寫一下登入頁面在 src/components/login.vue ，以下是 sc

[18] Json web token authentication --part3: Vue

django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 Django-rest-framework-simplejwt 這兩個套件。

pip install djangorestframework djangorestframework_simplejwt

再來設定 django 的 back_end/settings.py 引入，首先來設定 INSTALLED_APPS ，將 rest_framework 和 rest_framework_simplejwt.token_blacklist 引入

session & token
驗證機制早期是用 session，server 這裡會發一個 session 給 client，並在資料庫記錄這個 session 屬於誰，而且每個裝置都會記一組 session，這會造成 server 這邊需要記錄大量的資料。
後來發展出 token，client 

付費限定文章
[17] Json web token authentication --part2: Django

settings.py

以行動支持創作者！付費即可解鎖

付費限定文章[17] Json web token authentication --part2: Django

settings.py

以行動支持創作者！付費即可解鎖

付費限定文章
[17] Json web token authentication --part2: Django