本文详细介绍了如何将Nuxt.js应用进行静态部署到Gitee Pages。首先，通过在package.json中添加'generate': 'nuxt generate'命令并执行npm run generate生成dist文件夹。接着，将dist文件夹内容上传至Gitee仓库，确保忽略.nuxt和node_modules。然后，在Gitee Pages设置中选择相应分支和页面目录。最后，注意部署时可能遇到asyncData()和fetch()方法缺少req和res属性的问题，需要在问题文件中添加条件判断修复，例如在store/index.js中。
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作为索引入口
遇到的问题：
这个过程中大概率会出现一个问题如下图：
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
