Question

我有一个我不希望客户看到的插件。不幸的是，它总是为服务器和客户端构建。如何防止这种情况？

<template>
    <div>
        Test
    </div>
</template>

<script>
    import getAll from '~/plugins/api'
    export default {
        asyncData (context, callback) {
            getAll(function(data){
                callback(null,data);
            })
        }
    }
</script>

这是我的.vue文件。获取数据是有效的，但我也可以看到客户端的代码，我不想要。

Answer 1

也许您可以使用context.isServer属性它是一个布尔值，让你知道你是否真的从服务器端渲染。

<script>
import getAll from '~/plugins/api'
export default {
    asyncData (context, callback) {
        if (context.isServer) {
            getAll(function(data){
                callback(null,data);
            })
        }
    }
}
</script>

有关Nuxt上下文的更多详细信息：https://nuxtjs.org/api/context

仅插件服务器端

1 个答案: