保存成功
保存失败,请重试
提交成功

使用 Nuxt.js 发布纯静态网站

作者/分享人:Meathill
大家好,我叫翟路佳,花名“肉山”,这个名字跟 Dota 没关系,从高中起伴随我到现在。 我热爱编程,喜欢学习,喜欢分享,从业十余年,投入的比较多,学习积累到的也比较多,对前端方方面面都有所了解,希望能与大家分享。 我兴趣爱好比较广泛,尤其喜欢旅游,欢迎大家相互交流。 你可以在这里找到我: 博客:https://blog.meathill.com 微博:https://weibo.com/meathill GitChat:https://gitbook.cn/gitchat/author/593cb520ef8d9c2863173543

前阵子公司官网升级,我尝试用 Webpack 多页配置,成功完成了项目,收获了不错的效果。不过接下来又有新的想法:用 SSR,通过 Vue 项目生成静态页部署。我想研究下这套方案,搞个最小用例,将来官网升级 3.0 的时候可以考虑。

我选择 Nuxt.js 作为 SSR 工具。本以为只是举手之劳,最多 1,2 个小时就能搞定,没想到最后折腾了大半天才基本理顺。Nuxt.js 作为 SSR 框架,生成静态页只是它的衍生功能,相关文章不多,文档里也不很清晰。

所以我觉得,很有必要再写一篇 Chat,分享这个过程中的收获。本篇 Chat,会分享以下内容:

  1. 网页形态的历史
  2. Vue CMS 思路介绍
  3. 了解 Nuxt.js
  4. Nuxt.js 生成静态页的配置
  5. 生成静态页,添加 SEO 关键信息
  6. 利用 Hooks 注入静态页 JS

本文已参加 GitChat「我的技术实践」有奖征文活动,活动链接: GitChat「我的技术实践」有奖征文活动

已有101人预订
预订达标
文章出炉
     
08月30日
09月24日
本场 Chat 文章已出炉,购买后即可阅读文章并获得一张Meathill的读者圈Pass
请务必添加GitChat服务号以查看活动进度及获取活动通知。
你可能还喜欢
机器学习必备的数学知识,一次学会
白朔天
程序员的数学修养
李烨
数据结构算法常见的 100 道面试题全解析:2019 版
攻城狮
程序员如何专注和管理时间
程序员的三门课
微服务架构深度解析与最佳实践
kimmking
如何设计一个注册中心
star
深入 JVM 字节码,一步一图解析类的加载、链接、初始化、创建对象、程序执行的流程
CSDM
高效学习的途径
程序员的三门课
从 Vue 3 源码切入,全面掌握前端编译原理
修言
靠着这份 Java 核心面试知识整理(PDF),稳拿头条/菜鸟/字节 offer
一只Tomcat
实战:Redis 高并发秒杀和分布式锁技术应用及项目剖析
朱学超
程序员必须懂的架构入门课
IT老兵哥
程序员眼中后端技术点总结
技术征程
调用链监控:微服务时代每个程序员必须点亮的技能点
编码
实战:设计模式之代理设计模式深度解析,纯手写 MyBatis 框架
罗小黑
微信扫描登录
关注提示×
扫码关注公众号,获得 Chat 最新进展通知!
入群与作者交流×
扫码后回复关键字 入群
Chat·作者交流群
入群码
该二维码永久有效