weixin_41852038的博客

前言在Nuxt项目搭建之初，考虑要用到element ui便将UI 按需引入 本文不介绍全局引入安装安装过程不再啰嗦需要可自行百度博主在创建项目时候 已经选择安装element ui安装版本"element-ui": "^2.15.2",按需引入打开 piugins 文件下的 element-ui.jsimport Vue from 'vue'import { Button} from 'element-ui'// element 语言包import locale from

前言因为服务端不存在 Local Storage 和 Session Storage所以 便使用了 cookie-universal-nuxt 这个插件在做Nuxt项目的时候 发现Vuex 在刷新页面后 储存的数据丢失用 vuex-persistedstate 来持久化数据cookie-universal-nuxt 安装cookie-universal-nuxt 的安装npm install cookie-universal-nuxt -s打开 nuxt.config.js 文件

问题在引入npm的组件时发现报错 window is not defined引入方式就是平常的vue 的引入方式原因nuxt会在服务端进行渲染，然后服务端没有windos 对象的知道原因就更好解决了解决方法这里用一个时钟的组件来展示一下首先在 plugins 文件下 新建一个文件夹 名字自己定义我这里定义的为 clock.js// 时钟 组件import Vue from 'vue'// 这里引入自己的组件import Clock from 'vue-clock2'Vue.co

Axios的封装封装要求axios配置跨域axios 请求拦截 可访问 vuex ，跳转路由封装要求 api集中管理api多文件管理,自动挂载（便于协同开发）创建好项目后 nuxt里面已经内置了axios 无需下载 只需在 nuxt.config.js 开启即可ps: 我创建的nuxt版本为 "nuxt": "^2.15.7"---- nuxt.config.js -----export default { modules: [ '@nuxtjs/axios',

Nuxt 跳转页面的时候滚动没有回到顶部脑壳疼 刚遇到这个问题的时候百度了半天也没找到对应的解决办法然后 英文渣宰被逼去读英文文档发现滚动条没有回到顶部的原因是 路由嵌套就想这种如果没有父子页面的嵌套 nuxt默认跳转的时候滚动条会在顶部解决方案官方文档里面写的很清楚 传送门只需要在顶部添加 即可解决scrollToTop: true,...