如何用vue來寫驗證碼 登入

2021-09-26 03:53:18 字數 1094 閱讀 4671

如何用vue來寫驗證碼+登入

該專案需要在登入之前新增驗證碼，為了更加方便請求介面的區分，可以封裝兩個請求介面，乙個登入之前需要請求的介面，乙個為登入之後請求的介面，使之互不干擾。

1.登入前設定乙個資料夾axios,其中的index.js寫請求的介面，config寫配置

index.js

/*介面檔案*/


//axios配置檔案


import index from './config'


export default 


cofig.js


import axios from 'axios'


import index from './index'


const instance = axios.create()


//請求***


instance.interceptors.request.use(


/*** @param config    傳入的url以及引數


*/(config) => ,


(error) => 


)//響應***


instance.interceptors.response.use(


(response) => ,


(error) => 


)/**


* @param  method 


* @param  path 


* @param  params


*/export default function (method, url, params) 


}
在main.js

import index from './axios/index'；


vue.prototype.$index = index
在需要的頁面呼叫你在index.js裡面設定的請求介面名

列：登入頁面login.vue

this.$index.api_login(obj).then(res=>)


.catch(err=>)
其它頁面也相應的呼叫即可，然後用相同方法再封裝乙個登入後的axios請求方法。

vue登入驗證生成隨機驗證碼

el input v model loginform.verifycode placeholder 請輸入驗證碼 class identifyinput style width 150px el input div class identifybox div click refreshcode s ...

登入驗證碼

生成驗證碼 指定驗證碼的長度 public static string createvalidatecode int length 生成隨機數字 for int i 0 i length i 抽取隨機數字 for int i 0 i length i 生成驗證碼 for int i 0 i leng...

登入驗證碼C

一.新建乙個checkcode.aspx using system using system.data using system.configuration using system.collections using system.web using system.web.security usi...