个人博客-后台管理系统开发记录

1 登录

登录常见验证方式是token验证， 目前打算暂时用session验证   以后有时间研究token登录，并添加第三方登录

2 css变量的处理

颜色变量不要写死在单独某一个组件里面，方便以后统一换风格，可以参考element 等ui库
![](http://images2017.cnblogs.com/blog/821507/201712/821507-20171217165445624-812150452.png)

2 数据接口处理

a 首先所有的接口地址写在一个文件中，，切url接口地址最好不要写死，这样有两个好处
第一  方便查找我们所有用到的接口
第二 后台接口便于修改，比如初期阶段后台接口可能较少，访问直接以 '/login' '/entry' 这样的形式访问，等以后台想把某一部分用户登录相关的接口 访问时统一在前面加上’/v1' 如果我们接口调用散落在各个文件里那就非常难以修改

b 利用 NODE_ENV 区分 当前的 baseUrl     当前前端webpackdevserver地址为 127.0.0.1:8080
例如 开发环境时我的 baseUrl 为 ‘’，所有接口的访问的为当前ip当前接口，模拟数据可以用 axios-mock-adapter  （与axios配合简单方便） --- 这是模拟数据方式一
这种数据访问地址为 127.0.0.1:8080  ->    127.0.0.1:8080

例如 我想用json-server，或者express 自己起一个server 做模拟数据服务器，地址为127.0.0.1:3005 开发环境时我的 baseUrl 则就改为 ‘127.0.0.1:3005 ’，
这种数据访问地址为 127.0.0.1:8080 -> 127.0.0.1:3005 存在跨域
所以需要在webpack-dev-config.js中加入

proxyTable: {
  '/': {
    target: 'http://127.0.0.1:3005',

  }
}

也就是将所以8080的访问 代理到3005上

小总结

so~ axios-mock-adapter  优点 使用简单 不存在跨域   缺点 不能动态根据前端传递参数不同返回不同结果，自己起的模拟服务器当然你自己想怎么干就怎么干了，上天都没人管你～