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裏的驗證！！