用户登录

Vue.js 项目实践：身份验证

Vue.js：Auth

— 王皓

2025 独立开发者训练营：AI Agent！查看介绍 / 立即报名 →

这个课程我们要去实现用户登录的功能。

课程中所用服务接口地址可以设置成：https://nid-node.ninghao.co/

封面摄影：Daniel Gastager

准备
0:00
准备项目（auth）
0:39
身份验证
0:00
定义登录路由
1:15
定义登录组件（AuthLogin）
3:16
设计表单元素样式（form.css, button.css）
4:44
定义文本框表单字段组件（TextField）
3:19
定义按钮表单字段组件（ButtonField）
1:55
定义用户登录 Store 模块（authLoginStoreModule）
3:54
使用用户登录 Store 模块（authLoginStoreModule）
2:33
在本地存储里存储用户令牌
1:24
定义表示当前用户是否登录的获取器（isLoggedIn）
3:11
设置 API HTTP 客户端 Authorization 头部
3:36
整理项目
0:42

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点