加载到客户端后,刷新静态生成的页面(数据)

时间:2020-09-27 20:38:56

标签: vue.js nuxt.js

例如,我在Nuxt中有一些页面:

data() {
        return {
            items: []
        };
    },
    asyncData() {
        return axios.get('site.com/url')
            .then((response) => {
                return {
                    items: response.data
                };
            });
    },

然后我运行npm run generate,并从后端服务器获取包含数据(项)的静态生成的html页。而且,当我在浏览器中打开此页面时,我看到将数据注入到页面中。

但是这些项目可能会在后端进行更新,因此一旦我用F5刷新了页面并且无需再次运行npm run generate,就需要查看它们。

所以看起来我应该在mount()节中重新获取数据。也许Nuxt对此有更合适的选择吗?

1 个答案:

答案 0 :(得分:0)

唯一的选项是crawler: false文件中的use nuxt.config.js属性。它将禁用从动态页面生成静态内容的功能。这是documentation

相关问题