SEO前端-竞争词汇智能代理
一个用于SEO关键字分析和内容优化的现代React+Vite应用程序。
快速开始
先决条件
- Node.js（v16或更高版本）
- npm（附带Node.js）
安装
- 导航到前端目录：
cd seo-frontend- 安装依赖项：
npm install运行应用程序
发展模式
npm run dev这将在以下位置启动开发服务器 http://localhost:5173 默认情况下。
在特定端口（例如端口3000）上运行
npm run dev -- --port 3000在具有网络访问权限的特定端口上运行
npm run dev -- --port 3000 --host这 --host 标志允许从网络上的其他设备访问。
可用脚本
| 命令 | 描述 |
|---|---|
npm run dev | 启动开发服务器 |
npm run build | 为生产而建 |
npm run preview | 预览生产构建 |
npm run lint | 运行ESLint |
配置
后端API URL
前端连接到后端API。如果需要，请更新代码中的API URL：
const API_URL = 'http://127.0.0.1:8000';项目结构
seo-frontend/
├── src/
│ ├── App.jsx # Main application component
│ ├── main.jsx # Application entry point
│ └── index.css # Global styles
├── public/ # Static assets
├── index.html # HTML template
├── package.json # Dependencies and scripts
└── vite.config.js # Vite configuration特性
- 产品选择：从Adobe产品（Express、Photoshop、Illustrator等）中选择
- URL分析：分析文章URL中的SEO关键字
- 关键字提取：获取文章、竞争对手和建议的关键字
- 内容重写：使用目标关键字进行SEO优化的内容重写
- 现代用户界面：采用Adobe Spectrum设计系统构建
访问应用程序
运行后，打开浏览器并导航到：
- 本地: http://localhost:3000（或您指定的端口）
- 网络：http://\[您的ip\]：3000（使用时
--host旗帜）
后端集成
此前端需要运行SEO后端API：
# Backend should be running at:
http://127.0.0.1:8000
# Check backend health:
http://127.0.0.1:8000/health
# View API docs:
http://127.0.0.1:8000/docs故障排除
端口已在使用中
如果端口3000已在使用中，请指定其他端口：
npm run dev -- --port 3001无法连接到后端
- 验证后端是否正在运行http://127.0.0.1:8000
- 如果出现跨源错误，请检查后端的CORS设置
- 确保防火墙/防病毒软件没有阻止连接
未找到模块错误
清除缓存并重新安装依赖关系：
rm -rf node_modules package-lock.json
npm install环境
- 框架：反应18
- 构建工具：快
- UI 组件库：Adobe Spectrum
- HTTP 客户端：获取API
生产构建
构建生产应用程序：
npm run build构建输出将在 dist/ 目录。
预览生产版本：
npm run preview许可证
内部Adobe工具
支持
如有疑问，请联系开发团队。