![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
5210丫
谦卑,对知识有一颗敬畏之心!
展开
-
Vue- 4 通过axios拦截器添加token请求
main.js操作axios.interceptors.request.use(config=>{ console.log(config) config.headers.Authorization =window.sessionStorage.getItem('token') return config;})遍历: <el-submenu :index="item.id +'' " v-for="item in menulist" :key="item.id"&原创 2020-06-06 22:47:03 · 319 阅读 · 0 评论 -
Vue-3 token+导航守卫
token的处理{ 保存token到sessionStorage中(token只在当前打开网站生效) window.sessionStorage.setItem('token',res.data.token)通过编程式导航跳转后台 // 通过编程式导航跳转后台/home this.$router.push('/home')}你可以使用 router.beforeEach 注册一个全局前置守卫const router = new VueR...原创 2020-06-06 19:07:54 · 1294 阅读 · 0 评论 -
Vue-2 --登录界面
实现:界面实现 表单规则校验 结合后台 api 校验 提示消息App.vue<template> <div id="app"><!--路由占位符 --> <router-view></router-view> </div></template><script>export default { name: 'app'}</script><style原创 2020-06-06 18:06:54 · 1673 阅读 · 1 评论 -
VUE-1 项目的创建
先安装node.js,我装的最新版。然后安装vue/cli最新版, npm install -g @vue/cli 或者 yarn global add @vue/cli然后cmd命令行,命令 vue ui ,打开可视化创建Vue项目。安装相关的依赖,配置VUE路由,配置axios库...原创 2020-06-04 23:42:48 · 114 阅读 · 0 评论