古兰精

2019年8月22日

摘要： fetch()方法与XMLHttpRequest类似，fetch也可以发起ajax请求，但是与XMLHttpRequest不同的是，fetch方式使用promise，相比较XMLHttpRequest更加简洁。一、Fetch是什么 1、Fetch 是一个现代的概念，等同于 XMLHttpReque 阅读全文

posted @ 2019-08-22 22:58 古兰精阅读(485) 评论(0) 推荐(0) 编辑

nuxtjs在vue组件中使用window对象编译报错的解决方法

摘要：我们知道nuxtjs是做服务端渲染的，他有很多声明周期是运行在服务端的，以及正常的vue声明周期mounted之前均是在服务端运行的，那么服务端是没有比如window对象的location、navagitor等，以及H5的FormData()方法，所以当你在created之前使用这些时，会报错，那么阅读全文

posted @ 2019-08-22 22:35 古兰精阅读(7354) 评论(0) 推荐(0) 编辑

2019年8月20日

如何设置网站的robots.txt

摘要：做过网站优化的朋友都知道，搜索引擎蜘蛛爬行抓取网站时首先会去访问根目录下的robots.txt文件，如果robots文件存在，则会根据robots文件内设置的规则进行爬行抓取，如果文件不存在则会顺着首页进行抓取，那么robots文件的工作原理是什么呢？如何对robots.txt文件进行设置。 rob 阅读全文

posted @ 2019-08-20 22:57 古兰精阅读(5134) 评论(0) 推荐(0) 编辑

如何进行seo优化要点总结

摘要：一、搜索引擎工作原理当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程阅读全文

posted @ 2019-08-20 22:03 古兰精阅读(1829) 评论(0) 推荐(1) 编辑

2019年8月19日

Vue项目预渲染机制

摘要：我们知道SPA有很多优点，不过一个缺点就是对(不是Google的)愚蠢的搜索引擎的SEO不友好，为了照顾这些引擎，目前主要有两个方案：服务端渲染(Server Side Rendering)、预渲染(Prerending)。如果你只需要改善少数页面（例如首页/, /about, /contact 阅读全文

posted @ 2019-08-19 23:11 古兰精阅读(4150) 评论(0) 推荐(0) 编辑

nuxt项目服务端渲染应用部署、使用pm2守护进程及遇到的问题处理

摘要：服务端渲染应用部署应该先编译构建，然后再启动 Nuxt 服务，可通过以下两个命令来完成： nuxt build nuxt start 我们已经在pakage.json里配置好script命令 { "scripts": { "dev": "nuxt", "build": "nuxt build", " 阅读全文

posted @ 2019-08-19 22:31 古兰精阅读(7163) 评论(1) 推荐(0) 编辑

2019年8月18日

vue-cli3整体迁移至服务端渲染nuxtjs

摘要： vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuex store写法有变化，router钩子没了等等。老项目毕竟也有一些体量，这么折腾我可接受不了，不过经过一番调查，我发现这些问题不是不可以解决。因此虽然迁移是要迁移的，但是要尽量保持vue-cli 3 阅读全文

posted @ 2019-08-18 22:28 古兰精阅读(6527) 评论(1) 推荐(0) 编辑

NuxtJS如何利用axios异步请求

摘要：第一种：使用nuxt 提供的 Axios插件 @nuxtjs/axios 1、安装：npm install @nuxtjs/axios -d 安装@nuxtjs/proxy解决跨域问题：npm i @nuxtjs/axios @nuxtjs/proxy -D 2、配置 nuxt.config.js，阅读全文

posted @ 2019-08-18 22:00 古兰精阅读(11571) 评论(0) 推荐(0) 编辑

JS实现Base64编码、解码，即window.atob，window.btoa功能

摘要： window.atob()，window.btoa()方法可以对字符串精选base64编码和解码，但是有些环境比如nuxt的服务端环境没法使用window，所以需要自己实现一个base64的编码解码功能，下面是原生js实现该功能，可以作为一个常用工具使用。当然github上还有很多比较好的base 阅读全文

posted @ 2019-08-18 21:36 古兰精阅读(5437) 评论(0) 推荐(0) 编辑

nuxt如何处理用户登录状态持久化：nuxtServerInit 页面渲染前的store处理

摘要： vue-cli项目中，我们可以用vuex-persistedstate，它可以使vuex的状态持久化，页面刷新都不会丢失，原理当然是localStorage啦！当然也可以使用vue-cookies进行保存token，问题来了，nuxt项目怎么保存登录状态呢？当然上面这两种方法我们都可以使用，但是有个阅读全文

posted @ 2019-08-18 21:16 古兰精阅读(8880) 评论(1) 推荐(0) 编辑

公告