随笔分类 - nuxt
摘要：经过踩坑，打算在nuxt中使用vue-awesome-swiper，本来打算直接用cdn在页面的head中引入swiper脚本及css文件，然后像在vue单页项目使用一样，但是，本地运行一刷新页面，swiper就失去了作用，不会滑动，自定义的导航点也没有，（自己又找不到真正的原因）只好用网上提到最多
阅读全文
摘要：安装axios cnpm install axios --save 在plugins文件夹下面创建request.js import axios from "axios";// 创建一个axios实例 const service = axios.create({ baseURL:"", // url
阅读全文
摘要：为了方便获取本机ip，我们需要安装一个ip插件 npm install --save ip 在server/index.js中： var ip = require('ip'); var myip = ip.address(); // 本机IP consola.ready({ message: `Se
阅读全文
摘要：最近在学习nuxt框架，学到了vuex这一块，nuxt将vuex内置了，所以在模块划分时和vue的spa项目略有区别。 照着官网例子写了一下，感觉少了什么？大名鼎鼎的getters模块哪了，于是自己尝试了几次，终于把getters模块整出来了。话不多说，上例子 store文件的目录结构 可以看到st
阅读全文
摘要：今天打算重新从头学习nuxt，根据文档来总结一下需要注意的小知识点： 1、 请注意: 从Nuxt 2.0开始，~/alias将无法在CSS文件中正确解析。你必须在url CSS引用中使用~assets（没有斜杠）或@别名，即background:url("~assets/banner.svg") 2
阅读全文
摘要：Nuxt.js 提供了一系列常用的命令, 用于开发或发布部署。 你可以将这些命令添加至 package.json： "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt
阅读全文
摘要：1、安装： npm install svg-sprite-loader -D 2.svg-sprite-loader加载，nuxt.config.js配置如下 官方文档使用webpack进行配置 Nuxt extend assets/icons/svg 目录是我存放svg文件的目录 PS: 默认情况
阅读全文
摘要：1、 配置插件（） plugins: [ {src:'~/plugins/storeCache',ssr: false}, ], 注意：要禁止服务端运行，不然会报错，这个事件是在客户端添加的，不是在服务端小渲染的时候添加的。 2 。在plugins/storeCache.js 写代码，如下。 exp
阅读全文
摘要：1、安装@gauseen/nuxt-proxy包依赖 cnpm install @gauseen/nuxt-proxy --save 2.设置nuxt.config.js 修改modules为 modules: [ "@gauseen/nuxt-proxy" ] 3.增加 proxyTable属性
阅读全文
摘要：nuxt中可以在页面的head中单独引入，也可以在nuxt.config.js文件中设定的默认head中引入，自己看情况而定； 那么有两种方式可以将第三方库引入到项目里面： 一种是npm 一种是CDN，下面都说一下： 第一种npm的方式下载到本地引入： npm install --save jque
阅读全文
摘要：安装scss所需要的依赖： npm install --save-dev node-sass sass-loader 在assets文件夹下创建一个scss的入口文件，比如是main.scss，里面写上自己的自定义样式 在nuxt.config.js进行配置 然后在每个页面都可以用这个公共scss文
阅读全文
摘要：英文官网地址：https://zh.nuxtjs.org/ 中文官网地址：https://www.nuxtjs.cn/ github上的一个基于nuxt的服务端渲染项目：https://github.com/Sandop/NuxtPC 创建一个nuxt项目：确保安装了npx（npx在NPM版本5.2
阅读全文
