在Nuxt项目中引入插件时,会遇到window is not defined,原因是在服务端渲染时找不到window。所以Nuxt里有一套自己的办法引入插件。
- 在plugins文件夹中定义对应插件,比如cookie.js
//cookie.js
import Vue from 'vue'
import VueCookie from 'vue-cookie'
Vue.use(VueCookie)
- 然后在nuxt.config.js中引入该插件,ssr设置为false
/*
** Plugins
*/
plugins: [
{ src: '~plugins/mint-ui', ssr: true },
{ src: '~plugins/cookie', ssr: false } //ssr设置为false的时候,只在客户端引入
],