Configuring the Webpack Dev Server for Angular html5mode

Question

I'm trying to enable html5mode in an Angular 1 application. This mode requires the webserver to return the same HTML for various paths. In nginx, this is done by adding a try ... index.html for the location, meaning nginx always fails back to the main html if it can't find the page.

However, while development I have no nginx, I'm using the Webpack dev server to serve the pages, with a proxy to the backend. How do I configure the Webpack dev server to behave in a similar fashion?

zmbq · Accepted Answer · 2017-03-06 07:21:24Z

15

Oh dear. Oh dear oh dear oh dear.

I scanned the documentation twice, and only after posting this question I found the historyApiFallback settings, as described here.

Add this to the settings:

devServer: {
    historyApiFallback: true,
    proxy: { ... }
}

I'm keeping this question here hoping it will help others save time in the future.

answered Mar 6, 2017 at 7:21

zmbq

39.1k15 gold badges109 silver badges189 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

0xh8h Over a year ago

Awesome :D I checked github.com/angular-ui/ui-router/wiki/… but there is no option for webpack-dev-server

Collectives™ on Stack Overflow

Configuring the Webpack Dev Server for Angular html5mode

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related