首页 > 博客 > 前端

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

来源:www.jianshu.com 更新时间:2023-05-25 21:55
有浏览器端执行的的插件，需要在配置文件里配置

在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的时候，只在客户端引入
],
 
上一篇：js中bool值的转换及“&&”、“||”、 “!!”详解 下一篇：nuxt.js在vue组件中使用window对象编译报错的解决方法