nuxt ssr document is not defined 解决方案-马克笔记

nuxt ssr document is not defined 解决方案

nuxt 引入第三方的组件，ssr渲染时提示document is not defined

nuxt 引入第三方的组件，ssr渲染时提示document is not defined，具体解决方案如下

在plugins目录里面新建插件文件

比如我们使用vue-cropper插件，新建一个upload.js

注册为全局组件

import Vue from 'vue'
import Upload from 'vue-cropper'

export default () => {
  Vue.component('Upload', Upload)
}

在nuxt.config.js里面引入插件

plugins: [
    { src: '@/plugins/upload.js', ssr: false } //不开启ssr
  ],

页面中直接使用

<Upload
        v-model="show"
        field="img"
        :width="300"
        :height="300"
        url="/upload"
        :params="params"
        :headers="headers"
        img-format="png"
      />