javascript - Vue.js Server Side Rendering: document is not defined - Stack Overflow

admin管理员组

文章数量:1356548

I am using a package which uses document and window. I want to make my website have server-side rendering without changing too much code. For window is not defined, I use window-or-global () and it solves my problem.

However, when it es to document, I actually don't find anything useful. My idea is try to find out when the server or the client is rendering. I will only execute the code with document when the client is rendering. Is there any way to do that?

P/S: I am using Vue.js 2.0. The package I am using is fine-uploader ()

I am using a package which uses document and window. I want to make my website have server-side rendering without changing too much code. For window is not defined, I use window-or-global (https://www.npmjs./package/window-or-global) and it solves my problem.

However, when it es to document, I actually don't find anything useful. My idea is try to find out when the server or the client is rendering. I will only execute the code with document when the client is rendering. Is there any way to do that?

P/S: I am using Vue.js 2.0. The package I am using is fine-uploader (https://www.npmjs./package/fine-uploader)

• javascript
• dom
• vue.js
• server-side-rendering

Share Improve this question Follow edited Dec 21, 2016 at 4:57 Mahmud Adam 3,57988 gold badges3737 silver badges5454 bronze badges asked Dec 21, 2016 at 4:49 pexea12pexea12 1,20922 gold badges1919 silver badges3636 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

I'm also using Vue Server Side rendering in a new project, and what I do for this kind of problem is that I check if I am in the browser environment or in the server one using:

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

You can use

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

or from within a ponent

this.$isServer

本文标签： javascriptVuejs Server Side Rendering document is not definedStack Overflow