Fix hash mode deep links

Author: emanuelmutschlechner

Diff for: src/history/hash.js

@@ -8,10 +8,10 @@ import { setupScroll, handleScroll } from '../util/scroll'
 import { pushState, replaceState, supportsPushState } from '../util/push-state'
 
 export class HashHistory extends History {
-  constructor (router: Router, base: ?string, fallback: boolean) {
+  constructor (router: Router, base: ?string) {
     super(router, base)
     // check history fallback deeplinking
-    if (fallback && checkFallback(this.base)) {
+    if (checkFallback(this.base)) {
       return
     }
     ensureSlash()
@@ -80,10 +80,13 @@ export class HashHistory extends History {
 
 function checkFallback (base) {
   const location = getLocation(base)
-  if (!/^\/#/.test(location)) {
-    window.location.replace(
-      cleanPath(base + '/#' + location)
-    )
+  if (location !== '/' && !/^\/#/.test(location)) {
+    const path = cleanPath(base + '/#' + location)
+    if (supportsPushState) {
+      replaceState(path)
+    } else {
+      window.location.replace(path)
+    }
     return true
   }
 }

Diff for: src/index.js

@@ -56,7 +56,7 @@ export default class VueRouter {
         this.history = new HTML5History(this, options.base)
         break
       case 'hash':
-        this.history = new HashHistory(this, options.base, this.fallback)
+        this.history = new HashHistory(this, options.base)
         break
       case 'abstract':
         this.history = new AbstractHistory(this, options.base)