Reactjs 我将我的项目上传到github，遇到404错误

我将react项目上传到github页面，遇到了404NotFound的错误，也就是说，我使用了一些jpg图像并引用了它们

    const store = [
    {
      name: "outside",
      color: "lightpink",
      position: [-400, 0, 300],
      url: "./src/assets/picture1.jpg",
      link: 1,
    },

    {
      name: "inside",
      color: "lightblue",
      position: [-100, 0, 900],
      url: "./src/assets/picture5.jpg",
      link: 2,
    },
    {
      name: "Hall",
      color: "red",
      position: [20, 10, 0],
      url: "./src/assets/picture3.jpg",
      link: 1,
    },
  ];

因此，从上面的代码中可以看到，每个对象都有url属性，其中包含对图像的引用。部署项目时应如何引用图像。因此，我有以下代码结构

但我看到的是