基于acess_token和refresh_token实现token续签

共12个文件

js：8个

html：3个

json：1个

需积分: 18 2 下载量 113 浏览量 2022-03-19 01:24:02 上传评论收藏 5KB RAR 举报

温馨提示

基于acess_token和refresh_token实现token续签

资源详情

资源评论

资源推荐

收起资源包目录

login_register_jwt_access_refresh.rar （12个子文件）

login_register_jwt

config.js 120B

package.json 228B

user.js 373B

index.js 205B

routerHandle

user.js 2KB

midware

cookie.js 375B

web

index.html 1KB

app.js 418B

router

user.js 322B

index.js 166B

共 12 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form> 用户名:<input type="text" name="name" required maxLength="6" minLength="1"/> 密码: <input type="password" name="pass" required maxLength="8" minLength="6"/> </form> <button>注册</button> <a href="http://www.qfc.com/login.html">已有账号?</a> <script> const btn = document.querySelector('button') const form = document.forms[0].elements btn.onclick = function(){ fetch('http://www.qfc.com/api/user/register', { method: 'post', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: form.name.value, pass: form.pass.value }) }).then(response => { if(response.status === 201) { localStorage.setItem('access_token', response.headers.get('access_token')) localStorage.setItem('refresh_token', response.header.get('refresh_token')) return response.json() } else { return Promise.reject('用户名已被占用,请重新输入') } }) .then(body => { alert(body.msg); location.replace('http://www.qfc.com') }) .catch(err => alert(err.message || err)) } </script> </body> </html>