资讯专栏INFORMATION COLUMN

19/3/28 学习笔记

leeon / 2595人阅读

摘要:它的核心是借鉴的的实现,它的设计基本兼容,在的基础上又扩展了一些以及做了一些性能优化。注销后,就清除里的信息并跳转到登录页面

1 stylus 预处理
项目文件assets目录下新建stylus文件夹,新建 *.styl文件:


variable.styl 存储公共样式,iconfont.styl引用原iconfot.css文件,修改后缀为styl,其他不变
引入示例:@import ‘~styles/mixins.styl’

2 ajax请求本地json文件数据
a :应该把 json文件放在最外层的static文件夹,这个文件夹是vue-cli内置服务器向外暴露的静态文件夹
b :一定要用get的请求方式,post就会404

3 better-scroll
better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容
iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。

4 登录验证实现思路
Vue项目中实现用户登录及token验证
先说一下我的实现步骤:
使用easy-mock新建登录接口,模拟用户数据
使用axios请求登录接口,匹配账号和密码
账号密码验证后, 拿到token,将token存储到sessionStorage中,并跳转到首页
前端每次跳转时,就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面。
注销后,就清除sessionStorage里的token信息并跳转到登录页面

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54781.html

相关文章

  • ApacheCN 人工智能知识树 v1.0

    摘要:贡献者飞龙版本最近总是有人问我,把这些资料看完一遍要用多长时间,如果你一本书一本书看的话,的确要用很长时间。为了方便大家,我就把每本书的章节拆开,再按照知识点合并,手动整理了这个知识树。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 贡献者:飞龙版...

    刘厚水 评论0 收藏0
  • 【LNMPR源码学习笔记汇总

    摘要:此文用于汇总跟随陈雷老师及团队的视频,学习源码过程中的思考整理与心得体会,此文会不断更新视频传送门每日学习记录使用录像设备记录每天的学习源码学习源码学习内存管理笔记源码学习内存管理笔记源码学习内存管理笔记源码学习基本变量笔记 此文用于汇总跟随陈雷老师及团队的视频,学习源码过程中的思考、整理与心得体会,此文会不断更新 视频传送门:【每日学习记录】使用录像设备记录每天的学习 PHP7...

    Barrior 评论0 收藏0
  • React 入门学习笔记整理目录

    摘要:入门学习笔记整理一搭建环境入门学习笔记整理二简介与语法入门学习笔记整理三组件入门学习笔记整理四事件入门学习笔记整理五入门学习笔记整理六组件通信入门学习笔记整理七生命周期入门学习笔记整理八入门学习笔记整理九路由React 入门学习笔记整理(一)——搭建环境 React 入门学习笔记整理(二)—— JSX简介与语法 React 入门学习笔记整理(三)—— 组件 React 入门学习笔记整理(...

    daryl 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<