Vue实现未登录跳转到登录页

这篇具有很好参考价值的文章主要介绍了Vue实现未登录跳转到登录页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、登录页登录成功时将服务端返回的标识存放起来

Vue实现未登录跳转到登录页

2、在router中给不需要登录的页面设置 meta : { auth : false },如首页

Vue实现未登录跳转到登录页

 3、使用路由前置守卫beforEach,由于给路由设置了meta : { auth : false },如果是符合该属性时则不需要跳转登录页

Vue实现未登录跳转到登录页

 4、接下来根据token是否存入到localstorage来进行判断或者cookie是否存入客户端做判断,这里在vuex中做处理

Vue实现未登录跳转到登录页

如果token和cookie不存在时则需要跳转到登录页

Vue实现未登录跳转到登录页

5、在axios中响应拦截response中做如下处理文章来源地址https://www.toymoban.com/news/detail-456924.html

到了这里,关于Vue实现未登录跳转到登录页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML实现登录后跳转到指定页面,不回退

    最近开发页面,需要实现登录功能,成功后跳转到指定页面,之前尝试了好几种页面被跳转方法,但是都失败了,好在最终成功跳转,且浏览器不会后退,所以来记录一下: 最开始我使用的是window.location.href=\\\" http://localhost:8080 \\\",虽然能成功跳转到指定页面,但是点击浏览器回

    2024年02月12日
    浏览(61)
  • vue点击按钮实现跳转到另一个vue页面

    首先需要对按钮绑定一个函数,然后在函数里进行页面路由的改变。 这里要确保项目中已经在使用vue-router。 如图,我想要跳转到这个index.vue页面 那么按钮绑定的函数里的路径应该这么写: 然后需要在router文件夹下的index.js里进行该页面的注册: 最主要的是我红框里的内容

    2024年02月16日
    浏览(51)
  • Vue3 axios响应拦截器处理接口返回401未登录跳转登录页

    问题: 在 asiox 使用 useRouter 实例化创建 router 路由对象,在 response 响应拦截器里为 undefined 访问不到 使用 window.location.href = \\\'/login\\\' 跳转登录页, 本地可以正常跳转,测试环境页面会显示 not found 404, 测试环境访问地址大概是这样 ip:8080/pm/#/login , 本地没有 /pm 解决方案: 在 mai

    2024年01月21日
    浏览(46)
  • IdentityServer密码长度超长会导致跳转到登录页

    应用系统项目的安全要求越来越高,基本都是采取https等加密证书传输,无法使用https的,也是要求不能明文传输内容,因此做一些等保要求,密码需要加密后才能传输给服务端,所以前端会采取一些密码手段,保证一定的安全性。 项目集成的IdentityServer3实现账户和密码登录

    2024年02月10日
    浏览(31)
  • 小米手机连接校园网无法跳转到登录界面

    问题: 小米手机 MIUI12 系统,在连接校园网后显示需要登录,但是无法跳转到登录界面。连接其他wifi是没有问题的,但凡是需要登录的wifi就不行,会出现 net:ERR_CONNECTION_RESET... 试过很多方法,感觉这可能是个玄学,但是都试一试,或许哪个就可以了呢ahh 1. 一试就可以成功跳

    2024年02月10日
    浏览(38)
  • 若依:如何去掉首页,设置登录后跳转到第一个路由菜单

    若依系统是一个很好用的,开源的前端后台管理系统。 最近公司有一个需求,需要把默认的首页隐藏,登录后直接跳转到路由菜单返回的第一个页面。 查找了不少资料,但是都没有实际的解决方案。  不过最好自己还是实现了这个功能。 步骤如下: 1、首先应当找到项目里

    2023年04月09日
    浏览(202)
  • vue跳转到其他页面

    一、无参跳转 跳转到指定URL,向history栈添加一个新的纪录,点击后退会返回至上一个页面。 二、带参跳转 1、query传参 query传递的参数显示在地址栏中,刷新后依然存在,类似 参数接收方式 或者放到 created 里面 或者放到 mounted 里面 以上几种写法都是可以的。特别注意参数

    2024年02月13日
    浏览(41)
  • 代码模版-登录成功后跳转首页

    默认已经安装了 vue-router 路由依赖 已经写好了 src/router/index.js 和 src/views/login.vue 组件了 在 src/views/login.vue 组件中添加这样的 js

    2024年02月15日
    浏览(46)
  • Vue项目启动后跳转到制定路由页面

    今天把自己的项目布局完成了,但是想在项目启动的时候默认跳转到登录页面。 这其实需要借助路由实现跳转 开始编写之前,大家可以看下我的布局: 关于如何安装并使用路由,可以参考:Vue安装并使用路由和路由器 需要对index.js进行修改,根据需求配置需要跳转的那个组

    2024年01月18日
    浏览(70)
  • js做简单的登录页面以及附加条件,登录成功后跳转

    新手第一次上传,还不会介绍,很简单,能看懂不难的   成功后跳转页面代码就更简单了  

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包