%20(2).svg)
项目简介
本项目是基于Node.js和GraphQL构建的SpaceX新闻网站。借助GraphQL灵活高效的API数据查询能力，前端能按需获取所需数据，降低不必要的传输和计算成本。后端用Node.js开发服务端，通过官方API获取SpaceX发射新闻数据；前端采用React框架，利用Apollo GraphQL客户端进行数据获取与展示。
项目的主要特性和功能
- 运用GraphQL实现灵活的API数据查询。
- 从官方API获取SpaceX发射新闻数据。
- 前端展示发射新闻列表，包含任务名称、发射日期、发射状态等信息。
- 支持查看单条发射新闻的详情。
安装使用步骤
服务端
- 安装依赖：在项目根目录下执行以下命令：
bash npm init -y npm install express graphql express-graphql axios cors - 创建服务端代码：创建
server.js文件，具体代码可参考项目文件中的server.js。 - 启动服务端：在终端执行以下命令，默认监听端口为5000：
bash node server.js
前端
- 安装依赖：在项目根目录下执行以下命令：
bash cd client npm init -y npm install apollo-boost react-apollo graphql同时，由于项目使用了bootswatch主题样式，需下载对应的CSS文件并放置在public目录下，确保安装好react-scripts库用于构建项目。 - 运行前端：启动前端构建脚本进行构建打包，部署到服务器供用户使用和测试。由于前端代码较复杂，具体细节可查看项目代码。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】