How to use vue.js with Nginx?

Question

I want to build a single page application with Vue.js using Nginx as my webserver and a my own Dropwiward REST API. Moreover I use Axios to call my REST request.

My n

Answer 1

Add the following code to your Nginx Config:

location / {
  try_files $uri $uri/ /index.html;
}

the following snippet has been taken from vue-router docs, which is here.

Also, you need to enable history mode on VueRouter:

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})