@tobyas/vue-page-stack/src/Utils/HistoryUtils.js

Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

export default {

  clearHistory(goBackN) {
    return new Promise((resolve) => {
      window.history.go(-goBackN);
      // timeout needed to let window.history.go(-goBackN); finish first
      // timeout needs to be greater than 0 milliseconds
      setTimeout(() => {
        resolve();
      }, 10);
    });
  },

  push (url) {
    return this._push(url);
  },

  _push (url, replace = false) {
    return new Promise((resolve) => {
      // try...catch the pushState call to get around Safari
      // DOM Exception 18 where it limits to 100 pushState calls
      const history = window.history;
      var _key = window.performance.now().toFixed(3);
      try {
        if (replace) {
          history.replaceState({ key: _key }, '', url);
        } else {
          history.pushState({ key: _key }, '', url);
        }
      } catch (e) {
        window.location[replace ? 'replace' : 'assign'](url);
      }
      // setTimeout needed to let pushState() finish first
      setTimeout(() => {
        resolve();
      }, 10);
    });
  },

  replace (url) {
    return this._push(url, true);
  },

  back() {
    return new Promise((resolve, reject) => {
      let oldCurrentUrl = window.location.href;
      window.history.back();
      // setTimeout needed to let back() finish first
      setTimeout(() => {
        let newCurrentUrl = window.location.href;
        if(oldCurrentUrl == newCurrentUrl) {
          // uhoh, probably did not went back in the history
          reject();
        } else {
          resolve();
        }
      }, 10);
    });
  }

};