vue打包成app后，點擊手機上的物理返回按鈕后直接退出app

在瀏覽器上瀏覽vue項目時，后退按鈕是可以正常返回上一頁的，但是打包成app后，點擊手機上的屋里返回按鈕，就直接退出app回到桌面了， 以下是解決辦法：

使用mui進行手機的物理鍵的監聽

1、首先安裝 vue-awesome-mui

cnpm install vue-awesome-mui

2、在main.js中注冊並使用

import Mui from 'vue-awesome-mui';
Vue.use(Mui);

3、在index.html中寫如下的js代碼

<script type="text/javascript">
  mui.init({
    keyEventBind: {
      backbutton: true, //關閉back按鍵監聽
    }
  })
  //首頁返回鍵處理
  // 處理邏輯： 1s內，連續兩次按返回鍵，則退出應用；
  var first = null;
  mui.back = function(){
    // 首次按鍵， 提示 再按一次退出應用
    if(!first){
      first = new Date().getTime();//記錄第一次按下回退鍵的時間
      mui.toast("再按一次退出應用");
      history.go(-1); // 回退到上一頁
      setTimeout(function(){
        //1s 后清除
        first = null;
      }, 1000);

    }else{
      if(new Date().getTime() - first < 1000){
        //如果兩次按下的時間小於1s
        plus.runtime.quit(); //那么就退出app
      }
    }
  }
</script>