Routes not working in production

Hi, I have really liked this seed project. However when I run the command npm run build everything works fine and I see the complied result in dist folder. I have added couple of new routes, views and components. After the compilation is done. When I try running the files from the dist folder I only see the Home page, when I try navigating to other pages it gives a 404 error.

[zeeshanjan82]

@egoist got it I found some info here: https://router.vuejs.org/en/essentials/history-mode.html

[frostini]

thanks for pointing that out @zeeshanjan82 ! For others that may run into the issue, the https://github.com/bripkens/connect-history-api-fallback does the trick or you can also manually set a catch-all route and redirect to index for vue router to parse. This is how it could be implemented in express:

serving static build through root (*using serve-static npm)

app.use("/", serveStatic ( path.join (__dirname, '/dist') ) )

manual catch-all

app.get('*', function (req, res) {
    res.sendFile(__dirname + '/dist/index.html')
})

PS. for newbies, remember to do a npm run build prior to depoyment to include the latest changes !