TP5.1讓驗證碼在另外的項目(Electron-vue)裏面使用

TP5.1讓驗證碼在另外的項目(Electron-vue)裏面使用

博客說明php

文章所涉及的資料來自互聯網整理和我的總結,意在於我的學習和經驗彙總,若有什麼地方侵權,請聯繫本人刪除,謝謝!

介紹

通常來講在TP5.1裏面的驗證碼模塊是用於給TP5.1的視圖層用的,使用和驗證也十分的方便,可是這一次想要用於TP5.1之外的模塊,好比說Electron-vue。vue

官方手冊地址

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

驗證碼的思想

驗證碼大概就是在服務器端生成一個隨機數,而後把這個隨機數製做成一個帶數字的圖像,再把這個數字存入到session中,在客戶端根據圖片得到的驗證碼以後,再來進行對比,若是相同那麼驗證經過。跨域

思路

那麼我獲取了多個驗證碼以後,服務器怎麼知道我是哪一個驗證碼,在TP5.1框架裏面卻是知道,那麼在vue的項目裏面怎麼知道呢?其實無論是在哪一個項目,這個session存儲的時候是以鍵值對的形式來存儲的,值是咱們的驗證碼,那麼咱們的鍵呢?也就是咱們的這個驗證碼的名稱呢?它其實給了咱們,在咱們調用驗證碼的接口的時候,他就把這個名稱發到了咱們客戶端的cookie中,不信的話咱們能夠來看一下服務器

image-20200710122213923

因此咱們只須要在客戶端傳遞驗證碼的接口的時候吧cookie一塊兒帶過去就行了,如何在Electron-vue裏面攜帶cookie我前面寫了cookie

Electron-vue在發送請求時攜帶cookie網絡

Electron-vue請求攜帶cookie跨域問題session

感謝框架

萬能的網絡

以及勤勞的本身thinkphp5

相關文章
相關標籤/搜索