随笔分类 -  nuxt

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

点击右上角即可分享
微信分享提示