1. 用vue-cli3.0搭建项目基本架构,3.0的脚手架相比2.0的集成度更高,webpack相关配置,如loader,开发环境都集中在vue.config.js(需自己创建)文件夹中;新增了.browserslistrc文件,来处理浏览器兼容问题
2. 该项目在用户登录验证通过之后,用localStroage结合vuex的方式存储token,通过token拉取用户的role,本项目中role存储在后台,前端拿到数据之后递归(该方法单独抽离成文件)循环生成嵌套的路由信息,在保存在vuex中,再通过router.addroutes()动态添挂载路由
3. 项目使用axios库与后台做数据交互,在对axios请求(请求头,请求超时时间,基础路径,加载动画),响应(根据不同的响应状态码提示对应的信息)做拦截处理之后,我把将同一类数据请求封装和归类,在页面与后台数据交互多的时候,这样处理能提高开发效率,方便后期维护