前言
只要把後端對外，或者網站對外，就一定會被攻擊，有自己用自己的電腦當 server 架站過就一定知道，只要一對外，每天都會收到一些隨機的攻擊，最常見就是別人在亂試 api 看能不能猜對，通常是猜不到啦，鬼知道你的 api 長什麼樣子，更別提要帶什麼參數，能猜對真的是會通靈。
儘管如此，你可能還是

學習

職場產業

創作

前言

create instance module

use your customize instance

Interceptor

API authentication

<h2 class="draft-block draft--h2" name="header-37n7h">前言</h2>
<div class="draft-block draft--p left">只要把後端對外，或者網站對外，就一定會被攻擊，有自己用自己的電腦當 server 架站過就一定知道，只要一對外，每天都會收到一些隨機的攻擊，最常見就是別人在亂試 api 看能不能猜對，通常是猜不到啦，鬼知道你的 api 長什麼樣子，更別提要帶什麼參數，能猜對真的是會通靈。</div>
<div class="draft-block draft--p left">儘管如此，你可能還是不知道在哪洩露了你的 api，有可能不小心推到 github 公開，或者被勒索檔案之類的。所以我們還是要幫 api 上一道鎖比較安全。</div>
<div class="draft-block draft--p left">作法就是前台這邊發 request 一定要加入 access token 作為驗證依據，後台這邊一定要要求 request 中的 access token 合法才能使用 api。那以下就開始實做吧！</div>

Introduction
MongoDB 應該是目前 NoSQL 陣營中最大家的資料庫，另外 Redis 也蠻多人使用，兩者主要區別是，Redis 更高效能，但是預設佔用的資源也較多
Installation
基本上就從 MongoDB 官網下載，然後解壓縮後一直點下去就好
執行安裝檔有一個 Ins

[20] MongoDB getting started

只要把後端對外，或者網站對外，就一定會被攻擊，有自己用自己的電腦當 server 架站過就一定知道，只要一對外，每天都會收到一些隨機的攻擊，最常見就是別人在亂試 api 看能不能猜對，通常是猜不到啦，鬼知道你的 api 長什麼樣子，更別提要帶什麼參數，能猜對真的是會通靈。

儘管如此，你可能還是不知道在哪洩露了你的 api，有可能不小心推到 github 公開，或者被勒索檔案之類的。所以我們還是要幫 api 上一道鎖比較安全。

作法就是前台這邊發 request 一定要加入 access token 作為驗證依據，後台這邊一定要要求 request 中的 access token 合法才能使用 api。那以下就開始實做吧！

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

付費限定文章
[19] JWT --part4: interceptor & api authentication

前言

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

付費限定文章[19] JWT --part4: interceptor & api authentication

前言

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

付費限定文章
[19] JWT --part4: interceptor & api authentication