如何在NuxtJS中进行链接访问时刷新整个页面？

Question

我有一个Nuxt项目，出于搜索引擎优化的目的，每次访问任何页面时，我都需要重新加载页面。有什么办法可以在Routers上执行此操作吗？

当前，我的应用具有NUXT的默认行为“仅在访问时呈现所需的组件”。但是我需要完全重新加载页面。

Answer 1

我相信重新加载页面会清除（并重新初始化）您的vuex存储，如果您正在使用的话

我不知道如何重新加载页面，但是我有一些可以测试的建议

建议1用v-if包装页面。然后它不会渲染，直到您访问它为止

<template>
  <app v-if="someBoolean">
     .
     .
  </app>
</template>
<scripts>
  export default {
    computed: {
      someBoolean () {
        return blabla 
      }
    }
  }
</scripts>

建议2

this.$forceUpdate();

建议3将您的组件绑定到key

<template>
  <yourComponent :key="componentKey" />
</template>

并在需要重新渲染时更改该键