一、前端Vue2搭建一些命令总结
创建项目:vue create reg-vue
安装接口问题:npm install axios
安装路由问题:vue add router
安装ui组件:npm i element-ui
运行:npm run serve
二、关于Token 登录
1、Token 是服务端生成的一串字符串,以作为客户端请求的一个令牌。当第一次登录后,服务器会生成一个 Token 并返回给客户端,客户端后续访问时,只需带上这个 Token 即可完成身份认证。
2、token生成方式:
最常见的 Token 生成方式是使用 JWT(Json Web Token,它是一种简洁的,自包含的方法用于通信双方之间以 JSON 对象的形式安全的传递信息。
JWT 算法主要分为 3 个部分:header(头信息),playload(消息体),signature(签名)。
3、登录流程:
(1).首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端;
(2).前端拿到后端返回的 token ,存储在 localStorage 和 Vuex 里;
(3).前端每次路由跳转,判断 localStorage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态;
三、循环遍历数组list:
在标签写上:v-for=”item in list” :key=”item.id”
四、View页面之间传参:
view1页面,传参数
this.$router.push({
Name:” 传到的组件名”,
Params:{
键:值
}
})
View2页面获取参数
data(){
return{
Name:this.$router.params.键,
}
}