易维护的 vue的项目的搭建

axios 的封装 常用方法的封装 然后放到原型上

  • 先把axios发到一个类中把需要添加的token 跟不同状态的信息处理 也可以认为是请求或者响应拦截吧
  • 把store这些存储的sessionStrong 跟localStore 存储封装成一个类 把实例放到 Vue的原型上 在每一个组件上就可以this.store进行调用还可以吧给存储添加前缀和 加密解密 防止别人能看到
  • react 它不支持设置全局组件 但是我觉着可以合并到一个对象里边

还有webpack2.0以后出来的去中心化思想的 方法

  • 可以通过正则加载的方式来获取组件 也就是去中心化思想这样我们就不用每次都要把组件 引入了 直接在组件里用就好了 还有一些常用的方法 也可以通过正则加载某一个文件夹来动态注册
  • 也可以通难过这个方法用函数的形式来定义路由规则 但是不建议怎么弄这么弄得话 项目的路由就不直观了

异步请求放到一起 方便维护

  • 把所有的请求放到一个对象里注册成一个方法 然后全部放到原型上 就好了这样就不用在每一个组件里拥有url的路径了

vue的登录权限控制 问题

+可以通过vue-router 中的router.addRouters()方法动态添加路由规则在登录成功后而不是再初始化的时候就把全部路由规则动态天机上去了

  • 原先是通过 每一路由跳转的时候通过全部路由规则跟登录后从后台获取的权限进行比对来设置的但是每一次路由跳转都会进行循环比对

你可能感兴趣的:(易维护的 vue的项目的搭建)