当前位置:   article > 正文

移动端通过携带token访问html页面_拼token访问网页

拼token访问网页

项目中有一个页面需要放到移动端,pc端是通过账号密码登录获取token,跳转网页前,在beforeEach中验证是否已有token,但是在移动端就访问这一个页面,为了避免登录就需要直接用token去访问,我是通过?把token拼接在网址后面

判断移动端还是pc端,在beforeEach之前判断,这样pc端就不能通过token去访问

window.location.href=window.location.href.split('?token=')[0]  //跳转网页

   因为在beforeach中一旦判断没有token就会跳转到登录页,这时候token是没有存下来的,所以需要重新访问,而且这样写是为了避免陷入死循环,如果没有token就不会再跳转

  1. function browserRedirect() {
  2. var sUserAgent = navigator.userAgent.toLowerCase();
  3. if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
  4. //移动端页面
  5. var phonetoken=window.location.href.split('?token=')[1]
  6. if(phonetoken){
  7. setToken(phonetoken)
  8. store.state.token=phonetoken
  9. window.location.href=window.location.href.split('?token=')[0] //跳转网页
  10. //这样写是为了避免陷入死循环,如果没有token就不会再跳转
  11. }
  12. } else {
  13. //pc端页面
  14. }
  15. }
  16. browserRedirect();

这样写移动端是可以通过token去访问项目中所有的页面,如果要限制可访问页面,可以通过判断window.location.href.split('?token=')[0] ,只有是我们允许访问的网址才可跳转

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/人工智能uu/article/detail/947475
推荐阅读
相关标签
  

闽ICP备14008679号