05 2022 档案

工作中常踩坑

摘要：1.不充许被爬虫抓取你的页面＜meta name="robots" content="noindex,nofollow"＞ 2 隐藏滚动条 .sider-menu { height: 100%; scrollbar-width: none; /* firefox */ -ms-overflow-st 阅读全文

posted @ 2022-05-30 19:07 elliot1004 阅读(19) 评论(0) 推荐(0) 编辑

利用nuxtJS 制作纯静态页面的开发【SSR】

摘要：创建这样的一个纯静态的SSR形式的公共项目，下次只要copy除node_modules文件之外的所有文件重新npm i 就可以了； 1.创建项目 npx create-nuxt-app <项目名> 2. swiper 轮翻图的插件【我的这片博客有详细说明：https://www.cnblogs 阅读全文

posted @ 2022-05-10 16:53 elliot1004 阅读(408) 评论(0) 推荐(0) 编辑

nuxt + elementUI 多语言国际化

摘要：这里一共讲述两种方式亲测过的方式1：路由不会有 /en /zh 变化，而且刷新的时候还有些小问题需要对layouts 公共布局文件进行处理，这样处理会有一小会的白屏问题；方式2：可以跟方式1一样路由不会变化也不会因刷新白屏闪烁等问题；也可以根据切换语言改变路由 /en/about 阅读全文

posted @ 2022-05-10 16:28 elliot1004 阅读(1351) 评论(0) 推荐(0) 编辑

nuxt SSR 学习笔记

摘要：自定义文件夹 nuxt.config.jsdir: { assets: 'custom-assets', app: 'custom-app', layouts: 'custom-layouts', middleware: 'custom-middleware', pages: 'custom-pag 阅读全文

posted @ 2022-05-07 17:05 elliot1004 阅读(387) 评论(0) 推荐(0) 编辑

nuxt 如何引入swiper 插件

摘要：安装版本一：npm install vue-awesome-swiper@3.1.3npm install swiper@4.0.7 安装版本二： npm install vue-awesome-swiper@4.0.0npm install swiper@5.4.5 import Vue from 阅读全文

posted @ 2022-05-07 17:00 elliot1004 阅读(814) 评论(0) 推荐(0) 编辑

nuxt 项目如何部署到线上

摘要：创建nuxt项目 npx create-nuxt-app 项目名启动 npm run dev 项目上线1.执行 npm run build2.将打包好的 .nuxt ==>隐藏文件 static nuxt.config.js package.json 把以上文件丢到服务器某个文件中，并且在服务器安阅读全文

posted @ 2022-05-07 16:58 elliot1004 阅读(444) 评论(0) 推荐(0) 编辑