mpvue開發微信小程序，Fly.js 簡單使用

小程序原生wx.request是小程序平臺特定api ，不能運用到web致使mpvue小程序轉web時，須要重寫網絡請求部分代碼。爲了解決平臺差別，代碼複用 ，fly.js將平臺差別在底層屏蔽，支持切換底層 Http Engine，可輕鬆適配各類運行環境,只是入口文件不一樣。
Fly基於Promise提供了Restful API，你能夠方便的使用它們，具體請參考fly 文檔

1.引入fly

npm install flyio
var Fly=require("flyio/dist/npm/wx") 
var fly=new Fly

2.在mpvue中使用

• main.js

---

// main.js
// 將fly實例掛在vue原型上，在然而你和組件中經過this使用fly
var Fly=require("flyio/dist/npm/wx") 
var fly=new Fly
fly.config.baseURL='http://xx.xx.xx.xx:xxxx/api/v3/' // 配置請求基地址
Vue.prototype.$http=fly // 將fly實例掛在vue原型上

• index.vue

---

<template>
  <div>
    <div @click="getData()">獲取數據</div>
  </div>
</template>

<script>
export default {
  methods: {
    getData () {
      let url = 'xxx/xxxx'
      let param = {
        flag: 1,
        access_token: 'xxxxxxxx'
      }
      this.$http.get(url, param).then((res)=>{
        console.log('res', res)
      }).catch(err=>{
      })
    }
  }
}
</script>