如何将数据设置到nuxt.js的下一个链接中？

我正在尝试将数据传递到nuxt-link，但是单击链接时nuxt-link只是返回404错误。它似乎没有获取并加载文件。

使用：href和硬编码的后2个链接有效

<h2 class="subtitle"><nuxt-link :to="{path: filePath}" exact>Nuxt View Menu</nuxt-link></h2>
<h2 class="subtitle"><a :href="filePath">Vue View Menu</a></h2>
<h2 class="subtitle"><a href="files/officialMenu.pdf">HardCode View Menu</a></h2>

<script>
export default {
  layout: 'default',
  data () {
    return {
      filePath: 'files/officialMenu.pdf'
    }
  }
}
</script>

Nuxt和Vue.js的新功能。谢谢！