Nuxt中引入插件时报window is not defined

在Nuxt项目中引入插件时,会遇到window is not defined,原因是在服务端渲染时找不到window。所以Nuxt里有一套自己的办法引入插件。

  1. 在plugins文件夹中定义对应插件,比如cookie.js
//cookie.js
import Vue from 'vue'
import VueCookie from 'vue-cookie'
Vue.use(VueCookie)
  1. 然后在nuxt.config.js中引入该插件,ssr设置为false
  /*
  ** Plugins
  */
  plugins: [
    { src: '~plugins/mint-ui', ssr: true }, 
    { src: '~plugins/cookie', ssr: false }   //ssr设置为false的时候,只在客户端引入
  ],
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是 ssr ssr , Server Side Render的简称, 服务端渲染. 首先服务端渲染并不神秘, ...
    ethan_you阅读 18,240评论 1 12
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,779评论 0 16
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,078评论 19 139
  • 在DDD的演出比赛上,随着门章臣的宣布冠军就是Trickstar时,明星和真喜极而泣,相拥接吻的时候,泉感觉自己的...
    朔间铃夭阅读 9,585评论 1 8
  • 他把耳机插在耳朵里的时候,音乐里正好放着:“我想回到过去,沉默着欢喜。”他的眼泪刷的一下就下来了。 李志的歌总会给...
    青灯夜雨阅读 3,486评论 2 3

友情链接更多精彩内容