我有一个不希望客户看到的插件。不幸的是,它总是为服务器和客户端构建的。如何预防?
<template>
<div>
Test
</div>
</template>
<script>
import getAll from '~/plugins/api'
export default {
asyncData (context, callback) {
getAll(function(data){
callback(null,data);
})
}
}
</script>
这是我的 .vue 文件。数据的获取工作正常,但我也可以从客户端看到我不想要的代码。
最佳答案
也许您可以使用 context.isServer
属性。
这是一个 bool 值,让您知道您是否真的是服务器端的渲染器。
<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
更新:(感谢@Lanayx)
"注:从Nuxt.js 2.4开始,mode被引入作为插件的选项来指定插件类型,可能的值是:client或server。ssr:false将适配mode:'client'并被弃用在下一个主要版本中。”
// nuxt.config.js:
export default {
plugins: [
{ src: '~/plugins/both-sides.js' },
{ src: '~/plugins/client-only.js', mode: 'client' },
{ src: '~/plugins/server-only.js', mode: 'server' }
]
}
关于nuxt.js - 仅插件服务器端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45494579/