Loading... Nuxt.js 导航项目在 V3.0 版本中做出了重要的架构调整,以提升整体的代码可读性、可维护性和性能。 ![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/3269264950.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/2089768836.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/4275560852.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/2902254850.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/3572509317.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/4037317460.jpg)![源码截屏](https://www.8kiz.cn/usr/uploads/2024/09/3792378322.jpg) 以下是该版本的主要改动和特性: 1. **SSR(服务端渲染)优化**:由于传统的 Vue.js 动态导航采用单页面应用(SPA)方式,不利于搜索引擎优化(SEO),V3.0 版本改用了 Nuxt.js 的 SSR(服务端渲染)模式。这一改动是为了提升页面的 SEO 效果,从而让网站在搜索引擎中的表现更好。 2. **项目拆分为三个子项目**:为了提高项目的可维护性,V3.0 版本将项目拆分为三个独立的子项目: - **Nuxt 后台**:前端部分继续使用 Nuxt.js 进行开发,提供 SSR 的能力。 - **Ant Design Pro 后台**:管理端界面改为 Ant Design Pro,提升了用户界面的美观性和交互性。 - **Express -> Egg.js**:后端部分从 Express 迁移到 Egg.js,进一步增强了后端的稳定性和扩展能力。 3. **代码优化**:通过重构和优化,项目整体代码的可读性、结构化和维护性得到了显著提升,便于开发者的长期迭代和升级。 ### 总结: Nuxt.js 导航项目 V3.0 版本通过引入 SSR 技术提升了 SEO 表现,同时通过拆分前后端项目结构,采用更强大的 Ant Design Pro 和 Egg.js 技术栈,增强了项目的可扩展性和可维护性。这一版本的改动使得项目能够更加适应未来的持续迭代。 --- ## 项目部署 查看根目录下的 .gitlab-ci自动部署脚本,其它的部署方式后续再弄,大同小异。 --- **下载地址:** <div class="hideContent">需要评论后【刷新网页】方可查看。</div> --- #### [业务部署就选:蓝易云](https://www.tsyvps.com/) #### [蓝易云](https://www.tsyvps.com/)国内/海外高防云服务器推荐 <div class="preview"> <div class="post-inser post box-shadow-wrap-normal"> <a href="https://www.tsyvps.com" target="_blank" class="post_inser_a no-external-link no-underline-link"> <div class="inner-image bg" style="background-image: url(https://www.8kiz.cn/img/6.png);background-size: cover;"></div> <div class="inner-content" > <p class="inser-title">业务部署就选蓝易云【点我购买】</p> <div class="inster-summary text-muted"> <span style='color: red;'>蓝易云采用KVM高性能架构,稳定可靠,安全无忧!<br>蓝易云服务器真实CN2回国线路,不伪造,只做高质量服务器。</span> </div> </div> </a> <!-- .inner-content #####--> </div> <!-- .post-inser ####--> </div> --- **<span style='color:#000000'>蓝易云服务器:[www.tsyvps.com](https://www.tsyvps.com)</span>** **<span style='color:#000000'>蓝易云高防CDN:[www.tsycdn.com](https://www.tsycdn.com)</span>** **<span style='color:#DC143C'>持有增值电信营业许可证:B1-20222080【资质齐全】</span>** **<span style='color:#DC143C'>手动特调去程,回程CN2网络。拒绝绕路,拒绝不稳定。</span>** 最后修改:2024 年 09 月 20 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 1 如果觉得我的文章对你有用,请随意赞赏
1 条评论
1111