前言

wrzblog 是一个前后端分离的项目，旨在提供一个简单易用的博客平台。该项目的后端采用了 Java 技术栈进行开发，前端则使用了 Vue3 这一流行的 JavaScript 框架。然而，在不断发展的技术环境下，项目需要不断地进行更新和优化，以适应新的需求和技术趋势

重构

最近，我决定对 wrzblog 的前端页面进行完全重构，采用了 Nuxt3 作为新的前端框架。Nuxt.js 是一个基于 Vue.js 的通用应用框架，提供了简单而强大的方式构建服务端渲染的 Vue 应用程序。Nuxt3 本身是一个全技术栈解决方案，它需要 node.js 作为服务器进行服务端渲染。尽管 Nuxt3 可以处理 API 接口，但由于 wrzblog 已有一套基于 Java 开发的接口，我仅使用 Nuxt3 进行前端页面的重构。这次重构历时 15 天，从接触 Nuxt3 开始，我就准备好了必须进行重构。核心原因是，Vue3 项目对 SEO 非常不友好。百度与谷歌对本站的链接收录都是随缘，而且收录的链接不完整。Vue 专注于构建单页面应用程序（SPA）和动态用户界面，这对搜索引擎爬虫来说意味着网站只有一个页面，爬虫也只能爬取到一个没有实际内容的空白页面。而 Nuxt3 支持服务端渲染，可以在服务器端生成页面的 HTML 内容，从而大幅提高页面加载速度，同时也提高了搜索引擎爬虫的抓取效率和网站的 SEO 效果。

技术栈

• 后端：（没有变）wrzblog程序简介
• 前端：
  • 后台管理系统：(没有变)
  • 前台展示页面：
    1.vue3+nuxt3
    2.删除了element-plus ui框架