eslint、路由、嵌套路由、动态路由匹配、全局前置守卫

eslint

no-console  no-debugger（debugger可以用代码的方式给工程添加一个断点）

规则语法：

文件中不能存在多个空行，文件末尾要有一个空行，每行代码之后不能有多余的空格

修改配置文件之后必须要重新运行一下程序

axios直接挂在到vue实例对象上并进行配置请求根路径

// 全局配置 axios 的请求根路径

axios.defaults.baseURL = 'http://www.liulongbin.top:3006'

// 把 axios 挂载到 Vue.prototype 上，供每个 .vue 组件的实例直接使用

Vue.prototype.$http = axios

之后在每次使用axios就可以直接调用this.$http可以直接访问axios，不需要每个组件都导入声明。

缺点是：无法实现api接口的复用

路由

路由就是对应关系(前端里面就是Hash地址和页面之间的对应关系) SPA（单页面程序）

前端路由的工作方式

① 用户 点击了 页面上的 路由链接

② 导致了 URL 地址栏 中的 Hash 值发生了变化</