vue專案實現使用者登入認證

2021-10-05 07:16:54 字數 2640 閱讀 7620

本專案是在node環境下用vue-cli3搭建

根目錄下建立server資料夾,用來建立後台api介面

連線資料庫:

server / db.js

module.exports =

}

server / sql.js

var sql =

, book:

}module.exports = sql;

server / index.js

const bookapi =

require

('./api/book.js');

const userapi =

require

('./api/user.js');

const fs =

require

('fs');

const path =

require

('path');

const bodyparser =

require

('body-parser');

const express =

require

('express');

express()

;use

(bodyparser.

json()

);use(bodyparser.

urlencoded()

);//設定跨域請求

res.header("access-control-allow-origin", "*");

res.header('access-control-allow-headers', 'content-type, content-length, authorization, accept, x-requested-with , yourheaderfeild');

res.header("access-control-allow-methods", "put,post,get,delete,options");

res.header("x-powered-by", ' 3.2.1')

next();

});*/

//後端api路由

use(

'/api/book'

, bookapi)

;use

('/api/user'

, userapi)

;//監聽埠

listen

(3003);

console.

log(

'success list at port : 3003...'

)

server下建立api資料夾,用來編寫介面

server / api / user.js

var models =

require

('../db.js');

var express =

require

('express');

var jwt =

require

('jsonwebtoken');

var uuid =

require

('node-uuid');

var router = express.

router()

;var mysql =

require

('mysql');

var $sql =

require

('../sql.js');

//連線資料庫

var conn = mysql.

createconnection

(models.mysql)

;conn.

connect()

;//登入介面

router.

post

('/login'

,(req, res)

=>))

}else

let secretorprivatekey =

'_jwt'

;//這是加密的key(金鑰)

let token = jwt.

sign

(content, secretorprivatekey,);

// res.send(resbody);

return res.

send

(json

.stringify()

)}})

});//建立使用者

router.

post

('/createuser'

,(req, res)

=>))

})})

;//查詢使用者列表

router.

get(

'/userlist'

,(req, res)

=>))

})})

;module.exports = router;

src / views / login.vue

="login"

>

Vue專案中實現使用者登入及token驗證

在前後端完全分離的情況下,vue專案中實現token驗證大致思路如下 1 第一次登入的時候,前端調後端的登陸介面,傳送使用者名稱和密碼 2 後端收到請求,驗證使用者名稱和密碼,驗證成功,就給前端返回乙個token 3 前端拿到token,將token儲存到localstorage和vuex中,並跳轉...

shiro實現使用者認證

login public string login string username string password model model catch unknownaccountexceptione catch incorrectcredential ceptione doctype html h...

通過ssh協議實現使用者key認證登入

author jevonwei 主機a 192.168.198,134 主機b 192.168.198,131 主機c 192.168.198,136 主機a秘鑰連線主機c 4.ssh copy id i ssh id rsa.pub danran 192.168.198.136 複製本機的公鑰檔案...