Question

我使用的是使用document和window的套餐。我想让我的网站具有服务器端渲染，而无需更改太多代码。对于window is not defined，我使用window-or-global（https://www.npmjs.com/package/window-or-global）并解决了我的问题。

然而，当谈到document时，我实际上找不到任何有用的东西。我的想法是尝试找出服务器或客户端何时呈现。我只会在客户端渲染时使用document执行代码。有没有办法做到这一点？

P / S：我正在使用Vue.js 2.0。我正在使用的软件包是fine-uploader（https://www.npmjs.com/package/fine-uploader）

Answer 1

我也在新项目中使用Vue Server Side渲染，我为这类问题做的是检查我是在浏览器环境中还是在服务器端使用：

if (typeof window !== 'undefined') {
    // We are in the browser
}

Answer 2

您可以使用

const Vue = require('vue');
Vue.prototype.$isServer

或来自组件

this.$isServer

Vue.js服务器端渲染：未定义文档

2 个答案: