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

2018-07-17  本文已影响0人  muroujue

在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的时候,只在客户端引入
  ],
上一篇下一篇

猜你喜欢

热点阅读