首页 > 前端 > 正文

Nuxt中引入插件window报错解决方法

来源:www.jianshu.com 发布时间:2019-07-25 20:53
有浏览器端执行的的插件，需要在配置文件里配置

在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的时候，只在客户端引入
],
 
标签: 前端