10 前端登录注册(功能详解)(2)


day10 前端登录注册(功能详解)

一、前端

安装:前端项目目录下的终端
cnpm install vue-cookies
配置:main.js
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies;

登录功能(Login.vue)


登录功能后显示登录注销(Head.vue)




登录功能后刷新后显示登录注销

第一步:



第二步:




注销功能




短信发送功能




短信登录功能




总结

# cookies修改页面登录状态
1.重点cookies操作
this.$cookies.set('key',value,过期时间(秒))  # 保存cookies信息
this.$cookies.get('key')    # 获取cookies信息
this.cookies.remove('key')  # 删除cookies信息