18、React应用的部署与项目结构解析

React应用的部署与项目结构解析

1. SportsStore应用的部署准备

1.1 创建数据文件

在开发过程中，RESTful和GraphQL服务使用JavaScript每次启动服务器时生成相同的数据，这在开发阶段很有用，因为它便于回到已知状态，但不适用于生产应用。 json-server 包可以在提供JSON文件时创建持久数据库。因此，在 sportsstore 文件夹中添加了一个名为 productionData.json 的文件，内容如下：

{
    "products": [
        { "id": 1, "name": "Kayak", "category": "Watersports",
            "description": "A boat for one person", "price": 275 },
        { "id": 2, "name": "Lifejacket", "category": "Watersports",
            "description": "Protective and fashionable", "price": 48.95 },
        { "id": 3, "name": "Soccer Ball", "category": "Soccer",
            "description": "FIFA-approved size and weight", "price": 19.50 },
        { "i