博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nuxt中使用路由守卫
阅读量:6449 次
发布时间:2019-06-23

本文共 1235 字,大约阅读时间需要 4 分钟。

1.在plugins文件下创建一个route.js

import { getCookie, setCookie } from '@/pages/logreg/api/cookie'import axios from 'axios'export default ({ app, store }) => {  app.router.beforeEach((to, from, next) => {    let isClient = process.client    if (isClient) {      let currentUrl = location.href      if (currentUrl.indexOf('access_token=') !== -1) {        let wechattoken = currentUrl.split('access_token=')[1]        wechattoken = wechattoken.split('&')[0]        setCookie('token', wechattoken, 5)      }      let token = getCookie('token')      if (token) {        store.state.user.userinfo.token = token        axios          .get('https://api.ass.net/pub/api/user_info', {            params: {              token            }          })          .then(res => {            res = res.data            if (res.code == 0) {              res = res.data              res.headImg = res.headImg.replace('http:', 'https:')              store.state.user.userinfo = Object.assign(                {},                store.state.user.userinfo,                res              )            }          })          .catch(error => console.log(error))      }    }    next()  })}

2.在nuxt.config.js里面配置

plugins: [    { src: '@/plugins/route', ssr: true }  ],

转载地址:http://khlwo.baihongyu.com/

你可能感兴趣的文章
21. 正则工具简介 下
查看>>
Office 365:如何批量初始化OneDrive for Business?
查看>>
centos directory server
查看>>
马哥第一周
查看>>
Fedora 30的升级方法
查看>>
Oracle技术之如何监测一个PLSQL过程的运行情况(一)
查看>>
为什么大部分人喜欢稳定?
查看>>
【NetApp】7mode和Cmode系统之间的相互转换
查看>>
2012.5.7
查看>>
Cent OS查看系统版本信息的几个命令
查看>>
我的友情链接
查看>>
使用正确的筛选参数来提高查询性能
查看>>
网易云课堂Linux运维在线班命令笔记
查看>>
static
查看>>
通过字体大小的设计来提高用户体验
查看>>
请输入两个数字
查看>>
面试题:将字符串中的中英文分开显示
查看>>
python-09
查看>>
HDU 1542 Atlantis[扫描线]
查看>>
spark SQL学习(spark连接 mysql)
查看>>