使Browsersync与html5历史API一起使用

Question

我无法使浏览器同步使用HTML5历史记录API。我做了一个简单的项目，你可以在这里查看Github repo。

主要问题是history.pushstate并不适用于其他同步设备，因此我无法正确模拟应用中的导航。

--- Matus Dubrava问的编辑---

这是我的前js剧本

var a = document.querySelector( 'a' );

a.addEventListener('click', function( e ){
    e.preventDefault();
    console.log("ta");
    history.pushState(null, null, '/foo');
});

还有gulpfile.js

const gulp = require('gulp');
const browserSync = require('browser-sync');
const historyFallback = require('connect-history-api-fallback');

gulp.task('serve', () => {
  browserSync.init({
    server: {
      baseDir: './static',
      middleware: [
        historyFallback()
      ]
    }
  });
});

gulp.task('default', ['serve']);

我可能不够清楚;不要犹豫，询问您是否需要更多详细信息。