jikkai · beesperester · Apr 13, 2018 · Apr 13, 2018
diff --git a/README.md b/README.md
@@ -37,6 +37,9 @@ yarn add svelte-router
   import Welcome from './Welcome.html'
   import Animal from './Animal.html'
 
+  // import custom (browser) history
+  import history from './history'
+
   const { createRouter, RouterLink } = SvelteRouter
 
   const router = createRouter({
@@ -58,7 +61,7 @@ yarn add svelte-router
         }
       }
     }
-  })
+  }, history)
 
   export default {
     oncreate () {

diff --git a/build/index.html b/build/index.html
@@ -10,6 +10,6 @@
 <body>
   <div id="example"></div>
 
-  <script src="./svelte-router.js"></script>
+  <script src="/svelte-router.js"></script>
 </body>
 </html>
diff --git a/example/app.html b/example/app.html
@@ -15,6 +15,9 @@
   import Hello from './Hello.html'
   import NotFound from './NotFound.html'
 
+  // import custom (browser) history
+  import history from './history'
+
   const { createRouter, RouterLink } = SvelteRouter
 
   const store = new Store({
@@ -39,7 +42,7 @@
       },
     },
     default: NotFound
-  })
+  }, history)
   createRouter.listen(() => {
     console.log('router changed')
   })

diff --git a/src/utils/history.js → example/history.js b/src/utils/history.js → example/history.js
@@ -1,4 +1,4 @@
-import createHistory from 'history/createHashHistory'
+import createHistory from 'history/createBrowserHistory'
 
 const history = createHistory()
 

diff --git a/rollup.config.js b/rollup.config.js
@@ -45,6 +45,7 @@ if (process.env.NODE_ENV === 'production') {
   config.input = './example/main.js'
   config.plugins.unshift(
     serve({
+      historyApiFallback: true,
       contentBase: ['lib', 'build']
     }),
     livereload('release')

diff --git a/src/components/RouterLink.html b/src/components/RouterLink.html
@@ -3,15 +3,14 @@
 </a>
 
 <script>
-  import history from '../utils/history'
   const activedClassName = 'router-link-active'
 
   export default {
     data () {
       return {
         replace: false,
         to: '/',
-        basePath: '#',
+        basePath: '',
         active: false,
         class: '',
         activeClass: activedClassName,

diff --git a/src/utils/create-router.js b/src/utils/create-router.js
@@ -1,4 +1,4 @@
-import history from './history'
+import createDefaultHistory from 'history/createHashHistory'
 
 const DYNAMIC_PATH_REGEX = '[a-zA-Z]+'
 const DEFAULT_ROUTE = 'default'
@@ -46,10 +46,16 @@ const getContent = (options, path, target, pathVariables) => {
   })
 }
 
-const createRouter = options => {
+const createRouter = (options, customHistory) => {
   let _target // target DOM
   let _unlisten // history listener
   let _content // route instance
+  let history = customHistory || createDefaultHistory()
+
+  // define getter history proeprty
+  Object.defineProperty(this, 'history', {
+    get: () => history
+  })
 
   const handleRouteChange = location => {
     let found = false