你知道TP5.1讓驗證碼在Electron-vue中怎么用？

博客說明

文章所涉及的資料來自互聯網整理和個人總結，意在于個人學習和經驗匯總，如有什么地方侵權，請聯系本人刪除，謝謝！

介紹

一般來說在TP5.1里面的驗證碼模塊是用于給TP5.1的視圖層用的，使用和驗證也十分的方便，但是這一次想要用于TP5.1以外的模塊，比如說Electron-vue。

官方手冊地址

https://www.kancloud.cn/manual/thinkphp5_1/354122

立即學習“前端免費學習筆記（深入）”；

驗證碼的思想

驗證碼大概就是在服務器端生成一個隨機數，然后把這個隨機數制作成一個帶數字的圖像，再把這個數字存入到session中，在客戶端根據圖片獲得的驗證碼之后，再來進行對比，如果相同那么驗證通過。

思路

那么我獲取了多個驗證碼之后，服務器怎么知道我是哪個驗證碼，在TP5.1框架里面倒是知道，那么在vue的項目里面怎么知道呢？其實不管是在哪個項目，這個session存儲的時候是以鍵值對的形式來存儲的，值是我們的驗證碼，那么我們的鍵呢？也就是我們的這個驗證碼的名稱呢？它其實給了我們，在我們調用驗證碼的接口的時候，他就把這個名稱發到了我們客戶端的cookie中，不信的話我們可以來看一下

所以我們只需要在客戶端傳遞驗證碼的接口的時候吧cookie一起帶過去就好了.