vue使用jsx/axios拦截器设置

最惧怕的就是作过的事情，转几天又忘记了；写过的代码，也模模糊糊不知道哪里去了，因此告诉本身最好把天天遇到的问题记录下来，好，开始。

新公司要搭个vue后台框架，因此用了简简单单的 vue+iview+less+webpack
(https://github.com/iview/iview-admin) 克隆的这个系统。但愿以后能用更多新的技术vuex等。

已解决的问题：

• (jsx)
  使用iview框架的Tree组件时，自定义render函数的代码太多，还不易阅读，正好看到vue官网的vue+jsx语法，以前也接触过一点点react，对它稍微有点认知，就直接用这个依赖了，完美。
  

使用jsx的方法：

1. npm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-preset-env --save-dev

2. 配置.babelrc文件
   {
   "presets": ["env"],
   "plugins": ["transform-vue-jsx"]
   }
   而后就可使用了。

• axios调接口，在拦截器中设置，使请求成功进入then，请求失败进入catch（包括404等），请求拦截设置若是是post请求则用qs转一下，在响应拦截里控制总体的错误提示
  -

还未解决的问题是git小乌龟使用ssh克隆时的错误，puttygen生成的秘钥中公钥虽然添加到了github帐户上，可是克隆时候仍是会显示格式错误，以后再弄吧，对了还有一台电脑使用多个秘钥的时候的状况，到时候参考这篇文章
http://www.cnblogs.com/zichi/p/4704824.html

接下来再看看es六、vue的api、less变量、webpack、vuex、还有买的小程序视频（https://time.geekbang.org/course/detail/77-5000） 而后封装下iview里的验证！！