Nuxt.js 静态部署到gitee pages

Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。本次先讲一下如何静态部署。
Nuxt.js 可依据路由配置将应用静态化，使得我们可以将应用部署至任何一个静态站点主机服务商。
下面就以将代码提交到gitee且可以访问pages页面为例。

部署步骤：

• 假设你的nuxt.js项目开发已经完成

• 将"generate": "nuxt generate"加入到package.json中的script

• 执行 npm run generate，完成后会生成一个dist文件夹

• 我们将源码上传至gitee仓库，记得将.nuxt、node_modules加入到.gitignore中，忽略此两者

• 上传至gitee之后，点击“服务”-“Gitee Pages”
  

• 选择读取的分支，填写页面所在目录，此项目在dist，所以填写dist即可

• 第一次创建时，点击“启动”，后续更新后点击“更新”即可。

注意事项：

• gitee pages中读取的文件夹如dist, 需要有一个默认的index.html作为索引入口

遇到的问题：

这个过程中大概率会出现一个问题如下图：

问题原因是：使用 nuxt generate 静态化应用的时候, 传给 asyncData() 和 fetch() 方法的上下文对象 不会包含 req 和 res 两个属性。

所以我们需要找到出问题的文件，加一个判断条件即可。
我这里报错位置是store/index.js，

修改后重新执行npm run generate即可。