Vue.js 在nuxt中获取动态数据

首先，我是nuxt的新手。我要做的是，每次刷新都要调用api获取数据，并将数据设置为

vuex

store

如果我从

mounted

hook调用它，那么我的所有问题都会得到解决，但我想利用nuxt中的

SSR

。我想要的是在服务器端获取数据并在客户端使用它

有两种解决方案可以解决这个问题——fetch（去擦伤）和匿名中间件。当它用于服务器端应用程序时，它可以正常工作。我的模式是

Universal

，目标是

static

，对于此配置，它所做的是在

npm运行期间生成

，它调用api并保存数据一次，然后将其用于我的静态站点

主要的问题是，当我的数据发生变化时，它并没有反映出来。如何在nuxt中通过利用

SSR

在每次页面刷新时加载数据来有效地解决这个问题

---

还有一个需要解决的问题，当我刷新除“/”之外的页面时，它会显示

index.vue

的视图。如何克服这个问题？

如果数据可以更改，为什么要在服务器端获取数据？？如果控制了数据更改，则再次构建解决方案，否则只需在客户端获取数据，就像每次刷新页面时在vuex中调用操作一样。对于页面路由，它仅调用该操作，索引页面刷新除外。