Vue Router 直接URLでアクセスするとエラーが起きる

Vue.jsを使っていて、通常の画面遷移のルーティングは問題無いがURLを直打ちすると

Uncaught SyntaxError: Unexpected token <

というエラーになってしまう現象が起きた。

index.html内のパスの設定が原因

これを

<script type="text/javascript" src="js/app.js"></script>

このように変えてやるだけ

<script type="text/javascript" src="/js/app.js"></script>

上のパターンだと直接URLを叩いた時とリンクから画面遷移した時で見ている場所が変わってしまう。