最近工作中需要开发手机端H5页面,没有使用熟悉的 React + Antd-mobile, React + Taro UI,Vue + uView ,而是使用了 React + Material-UI做了一次全新的尝试。而且正好最近React-router/React-router-dom 强行用 hooks模式 迭代了一个大版本@6；

在生产环境中 服务器端未将woff2字体放入白名单中，造成在 字体文件虽然请求到， 但是返回结果为 200状态，msg: the request path not found

分几块请求之前 在请求之前判断已经被取消，抛错误，走 catch请求中 调用 abort 取消，抛错误，走 catch请求完成 会在then抛出一个错误就，走 catch请求失败 会在catch 判断是否是取消的 error，不是取消的 error 接着抛错，走 catch

就是xhr.abort()，不需要服务器确认。axios/blob/master/lib/cancel/CancelToken.js#L22axios/blob/master/lib/adapters/xhr.js#L153the-abort()-method

看大家都是推荐内容，那我就来手写一点吧， 其实搭建完后 基础内容都是差不多的（router + store + sass/less + bable 等）；

随着react社区的next.js框架的发布，vue社区也终于诞生了属于自己的前后端同构框架nuxt.js。在进一步的接触与使用中，发现nuxt.js确实极大地方便了vue项目的开发，其背后的逻辑也值得我们玩味。关于nuxt的具体的用法请查阅官方文档，本文就不一一赘述了。

项目完成后，现在本地npm run build 跑跑看

前言：随着工作时间的增长，前面学过的东西开始慢慢遗忘，抽空的时候就将一些资料整理整理，顺一顺，也当作一种温习。我只是前端工匠，防止自己成为【一断网就无法工作的程序员】

官网直通车

正确写法：<router-link :to="{path: 'apple', query: {color: 'red' }}"> to apple</router-link>

"start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",

开头还是来一段废话： 年关将近，给大家拜个早年，愿大家年会都能抽大奖，来年行大运。 废话不多说，直接进正文 项目环境： {代码...} nuxt.js 是一个基于 Vue.js 的通用应用框架 {代码...} 利用npx脚手架创建项目 {代码...} 启动项目 {代码...} 项目目录结构 {代码....

{代码...}