nuxt 中 组件 element-ui引用报错：document is not defined？

Question

为了处理seo， 用nuxt做为服务器渲染（ 初次）

问题如下

报错信息：document is not defined

element 在 nuxt.config.js 中引用如下

     css: [
        'assets/main.css',
        'element-ui/lib/theme-chalk/index.css'
      ],
    
      /*
      ** Plugins to load before mounting the App
      */
      plugins: [
        "@/plugins/element-ui",
        '@/plugins/ajax.js'
      ],
      
      

plugins 中 element-ui.js 代码如下 脚手架默认配置 未做修改

    import Vue from 'vue'
    import Element from 'element-ui/lib/element-ui.common'
    import locale from 'element-ui/lib/locale/lang/en'
    
    export default () => {
      Vue.use(Element, { locale })
    }
    

下图是 将要打开的页面代码

header 组件中引用了ele，在没有调用header之前 一切正常， 当调用 header组件后 就开始报错，而且当把 header组件注释掉后， 错误仍旧。

请各位大神分析下原因。。