Vue全家桶基础设施环境搭建

vue preset

一个Vue项目的初始化其实代码结构都挺大同小异的,为了方便起见把相同的代码部分抽取出来。
github地址: https://github.com/csuZipple/Vue-cli-template
vue-cli: v2.9.3

Function

这一套基础设施实现了以下基础功能:

  • reset.css
  • 项目路由
  • 路由鉴权
  • axios全局配置
  • api统一异常处理
  • api超时重新请求
  • 跳转路由取消请求
  • 请求loading
  • vuex 异常监听
  • vuex 缓存

目录结构

├─api
├─assets
│  ├─icon
│  └─style
├─auth
├─axios                                        # axios全局配置
├─components
│  ├─Loading                                   # 内置组件
│  └─Message
├─config
├─generator
├─plugins
│  └─message
├─router
├─store
└─views
    └─Test

你可能感兴趣的:(前端杂事,vue,全家桶)