在瀏覽器上瀏覽vue項目，后退按鈕是可以正常返回上一頁的，但打包成app后，點擊手機上的物理返回按鈕就直接退出app回到桌面

mui進行手機物理鍵的監聽

首先安裝 vue-awesome-mui

npm i vue-awesome-mui

在main.js注冊

import Mui from 'vue-awesome-mui';

Vue.use(Mui);

 

在index.html

 

<script>

mui.init({

  keyEventBind: {

    backbutton: true , // 關閉back按鍵監聽

  }

});

// 首頁返回鍵處理

// 處理邏輯：1秒內，連續兩次按返回鍵，則退出應用；

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>

 

 

摘自：https://bbs.csdn.net/topics/392322972的論壇答復