方案一:Nuxt.js官方提供解决方案为
在nuxt.js提供的脚手架项目目录中找到nuxt.config.js文件
步骤1如图所示
步骤2如图所示
在需要使用的.vue文件中采用require方式引入三方库
步骤三如图所示
在具体使用三方库时添加如下代码
方案二:已swpier.js为列
1.在nuxt.js提供的脚手架项目目录中找到plugins文件(没找到创建该文件夹即可,名字需保持一致)
2.在plugins下创建swiper.js文件,文件代码如下
import Vue from 'vue'
import Swiper from 'swiper'
Vue.use(new Swiper())
3.在nuxt.js提供的脚手架项目目录中找到nuxt.config.js文件,加入如下代码
plugins: [
{ src: '@/plugins/swiper', ssr: false }
//设置为false表示为在服务端不进行处理
],