后端基础搭建（Node.js + Express）

推荐使用第一种方式，因为更为通用，后续上生产环境时后端对跨域的控制也更灵活

部署时可以将后端部署在云服务器上，并通过Nginx将 / 路径指向dist目录，将 /api 路径反向代理到后端服务

本地验证与部署建议

js （推荐使用v16以上版本）：用于运行前端脚手架以及后端服务

百度SEO友好要点 前后端分离架构下，搜索引擎爬虫抓取页面时可能无法解析JavaSc📚ript渲染的内容

前端项目初始化（Vue 3 + Vite）

js 核心代码结构如下： 🌟引入Expre✅ss后设置跨域中间件，定义端口（例如3001）

env 文件中配置后端地址 VITE_API_BASE_URL=http://localhost:30👍01 ，通过环境变量管理接口地址，便于后🎵期部署切换

解决方案有两💫种常见选择： 后端配置CORS ：在Express🤔中安装 cors 中间件，设置允许的来源为前端地址

百度SEO友好要点

components ：存放🌈通用的导航栏、🎉页脚、文章卡片等UI组件

此外，内部链接结构要清晰，面包屑导航🎊有助于提升用户体验和抓取效率

前后端联调与跨域处理

数据库 ：选🎇择一个轻量级数据库如SQLi❤️te或MySQL，用于存储SEO教程内容

后端返回的数据格式建议统一使用JSO🎉N，并包含 status 、 data 和 message 字段，这样前端可以统一处理异常状态

安装vue-router和axios，用于页面路由与数据请求