Superstatic & HTML5 Urls

[jbeckton]

Building an Angular 2 SPA. I have read about issues with Angular routes / HTML 5 urls but every thing I have tried to fix this does not work, I guess I am missing something. Not sure if its BS or Superstatic.

http://localhost:3000/home

/home is a route within my application, there is no home directory in my application structure. I get error "Cannot GET /home"

gulpfile.js

gulp.task('serve', function() {

 return browserSync.init({
    port: 3000,
    files: ['www/**/*.{html,htm,css,js}'], 
    injectChanges: true,
    logFileChanges: true,
    logLevel: 'info',    
    notify: true,
    open: "ui", 
    reloadDelay: 2000, // give typescript compilation time to complete
    reloadDebounce: 2000,
    ghostMode: false,
    server: {
        baseDir: ['www'],
        middleware: superstatic({ debug: true, config: "superstatic.json" })
    }
});
})

superstatic.json

{ "rewrites": [ {"source":"/**","destination":"/index.html"} ] }

[jbeckton]

It does not seem like Superstatic is loading my .json config file

[mattbajorek]

If you are using the command line with a directory specified, make sure the .json file is in the current working directory rather than the specified directory.