摘要： 业务应用场景 阅读全文

摘要： 通过axios拦截器添加token认证 一、通过axios请求拦截器添加token,保证拥有获取数据的权限 通常访问接口需要相关权限，通常是需要携带token如下所示 那如何在请求头中添加token? 请求拦截器，相当于是对请求做一次预处理的过程，在请求到达服务器之前做了处理，添加了token。（在 阅读全文

摘要： 实现导航菜单的基本结构 一、查看element-ui的菜单组件 NavMenu导航菜单 复制到代码中侧边栏 二、删除多余数据 三、在插件栏中plugins按需导入组件，并注册为全局组件 四、使用吸色工具吸取颜色，并设置到背景 阅读全文

摘要： 实现基本的主页布局 一、新建一个home.vue组件 从element-ui中找到布局类似的样式复制其代码到home.vue的template中 二、执行，可能会发现页面会挤成一坨 如下图 原因是组件没有引入，在plugins中引入即可 三、添加背景颜色 四、此时页面主体区域没有充满这个窗口 解决办 阅读全文

摘要： 梳理项目结构 一、梳理项目结构 src目录下面的main.js是项目的入口 ##做的事情 1、主要是引入了vue、App根组件、路由、element-ui等内容 2、创建了一个vue实例，通过render函数，将App根组件渲染到页面上，并且挂载了路由 二、打开根组件App.vue template 阅读全文

摘要： 背景 在开发中，如果需要开发新功能，都应该将为该功能创建一个新分支,当开发完成以后再将该分支合并到主分支master中 1、创建新分支 git checkout -b login //login为分支名字 2、查看当前所有分支 git branch 3、查看当前工作区是否干净 git status 阅读全文

摘要： 初始化一个vue工程 1、创建一个目录vue01 2、打开cmd,进入到该目录下，执行命令 vue ui打开vue的创建面板 3、点击创建，设置路径 4、设置git信息，下一步 5、预设选择手动 6、选择如下5个选项 7、选择标准配置 8、创建项目不保存预设，等待创建成功 9、创建成功后，安装ele 阅读全文

摘要： git合并login分支到master分支 1、首先查看源码状态 git status 2、添加到暂存区 git add . git status //添加到暂存区后再次查看源码状态 3、提交代码到本地仓库 git commit -m "完成了登录功能" 前提：设置了用户名和邮箱，否则会报错 设置用 阅读全文

摘要： 编写javaScript过程中ESLint语法报错问题 ESLint语法要求： 双引号""需要替换成单引号'' 分号不允许出现 ()之前需要一个空格比如 login () (VSCode一些格式化代码快捷键中ctrl+shift+f也会与ESLint的语法产生冲突) 解决办法 1、项目根目录创建配置 阅读全文

摘要： 实现退出功能 一、退出功能实现原理 基于token的方式实现退出比较简单，只需要销毁本地的token即可。这样后续的请求就不会携带token,必须重新登录一个新的token之后才可以访问页面。 二、实现如下 // 清空token window.sessionStorage.clear() // 跳转 阅读全文