08 2022 档案

Nuxt cookie使用
摘要：1、使用cookie的原因 nuxt是服务端渲染，不能获取到window、 localStorage等对象，故使用cookie进行存取数据 2、安装 npm i --save cookie-universal-nuxt 3、配置 nuxt.config.js modules: [ //有参数配置的 阅读全文
posted @ 2022-08-27 12:16 忙着可爱呀~ 阅读(520) 评论(0) 推荐(0)
Nuxt asyncData异步数据
摘要：使用 asyncData 的理由： 使用 asyncData，会在服务端渲染数据，搜索引擎可以直接获取文本内容，有利于SEO 1、编写 xx.vue-> asyncData asyncData(context) { return context.$api.home.getMock().then(re 阅读全文
posted @ 2022-08-23 19:36 忙着可爱呀~ 阅读(148) 评论(0) 推荐(0)
Nuxt axios使用及二次封装
摘要：1、安装 axios：npm install @nuxtjs/axios axios --save 代理： npm i @nuxtjs/proxy -D 2、配置 axios >>>nuxt.config.js modules: [ '@nuxtjs/axios', "@nuxtjs/proxy", 阅读全文
posted @ 2022-08-23 17:34 忙着可爱呀~ 阅读(452) 评论(0) 推荐(0)
Nuxt layouts默认布局
摘要：默认布局： 1）、新建默认文件 layouts->default.vue 2）、编写内容文件（以index.vue为例） 3）、效果图 自定义布局： 1）、新建文件layouts->HCustom.vue 2）、编写内容文件（以index.vue为例） 3）、效果图 阅读全文
posted @ 2022-08-23 17:33 忙着可爱呀~ 阅读(84) 评论(0) 推荐(0)
Nuxt router 自定义
摘要：1、根目录下新建re-router.js /** * @description 自定义页面路由 * * 字段说明： * path：页面路径 * name：名称（大驼峰命名） * component：文件路径 **/ import path from 'path' const resolve = (p 阅读全文
posted @ 2022-08-23 17:33 忙着可爱呀~ 阅读(29) 评论(0) 推荐(0)
nuxt 搭建
摘要：1、安装 npx create-nuxt-app <project name项目名称>注：npm4.0版本已内置 npx，无需重新安装 npx安装过程中按需选择所需要的插件 2、运行项目 npm run dev 3、配置本地服务（看个人需求） >>>nuxt.config.js 文件内 server 阅读全文
posted @ 2022-08-19 09:55 忙着可爱呀~ 阅读(78) 评论(0) 推荐(0)