title: Sometimes a vue router-link refreshes / reloads the page. Sometimes it doesn't
body: <p>I noticed some strange behaviour when clicking some router-links on the "itemcarousel" of my homepage :</p>
  
  <p><a href="http://www.leefschooldewonderwijzer.be" rel="nofollow noreferrer">http://www.leefschooldewonderwijzer.be</a></p>
  
  <p>When you just click the first carousel item (girl with magnify glass), the corresponding page loads without refreshing the browser. However, when you first click the arrow left (so item slides to the right) and then the same item, the browser first refreshes/reloads. </p>
  
  <p>I checked the HTML and really nothing changed in the actual link after clicking the arrows:</p>
  
  <pre><code>&lt;a href="/article/33" class="inneritem" style="background-image: url(&amp;quot;http://wonderwijzer.fast-focus.be/uploads/wonderwijzer/imageasset/source/11/version_500x500_bigstock--140862161.jpg&amp;quot;); background-position: initial initial; background-repeat: initial initial;" tabindex="0"&gt;&lt;h2 class="itemtitle"&gt;
                Buitenonderwijs
              &lt;/h2&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Does anyone have a clue why this is happening ? I'm getting the same behaviour with some other links as well.</p>
  
  <p>=> the second news post under "in de kijker". When you click "lees meer" => refresh as well</p>
  
  <p>Some routes open correctly, others do an unwanted refresh.</p>
  
  <p><strong>Update</strong></p>
  
  <p>It must have something to do with history mode. When I deploy the website
  with hash mode, it works properly. I'm using Nginx as webserver. Could there be something wrong in server config ?</p>
  
  <pre><code>server {
    listen 80;
  
    gzip on;
    gzip_http_version 1.1;
    gzip_vary on;
    gzip_comp_level 6;
    gzip_proxied any;
  
    root /webroot/wonderwijzer.be;
    index index.html;
  
    server_name 
    leefschooldewonderwijzer.be 
    www.leefschooldewonderwijzer.be;
  
    location / {
      try_files $uri $uri/ /index.html;
    }
  
    location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
      # Some basic cache-control for static files to be sent to the browser
      expires max;
      add_header Pragma public;
      add_header Cache-Control "public, must-revalidate, proxy-revalidate";
    }
  
  }
  </code></pre>