Nuxt.js框架引入第三方插件出现window/document/ navigator未定义问题

方案一：Nuxt.js官方提供解决方案为

在nuxt.js提供的脚手架项目目录中找到nuxt.config.js文件
步骤1如图所示

步骤2如图所示
在需要使用的.vue文件中采用require方式引入三方库

步骤三如图所示
在具体使用三方库时添加如下代码

方案二：已swpier.js为列

1.在nuxt.js提供的脚手架项目目录中找到plugins文件(没找到创建该文件夹即可，名字需保持一致)
2.在plugins下创建swiper.js文件，文件代码如下

import Vue from 'vue'
import Swiper from 'swiper'
Vue.use(new Swiper())

3.在nuxt.js提供的脚手架项目目录中找到nuxt.config.js文件，加入如下代码

  plugins: [
    { src: '@/plugins/swiper', ssr: false }
    //设置为false表示为在服务端不进行处理
  ],