Production mode refresh causing 404

I have a simple router setup

const router = new Router({
  mode: 'history',
  scrollBehavior: () => ({ y: 0 }),
  routes: [
    {
      path: '/',
      name: 'index',
      redirect: '/foo',
    },
    {
      path: '/foo',
      name: 'foo',
      component: Foo,
    },
  ],
});

In dev mode is all working fine. When i run npm run build and generate static files in the dist folder and then serv it let say using npm http-server everytime I refresh from e.g. localhost:8080/foo I’m getting 404. I noticed that issue when I was trying to config gh-pages which base url is username.github.io/repo_name/.

Is there something I didn’t setup properly?

[kazupon]

This issue is not webpack template. I guess that this issue is server setting.

See the vie-router docs https://router.vuejs.org/en/essentials/history-mode.html

[mickaelbaron]

Hi,

I had the same issue. I followed this link: https://gist.github.com/szarapka/05ba804dfd1c10ad47bf

Mickael