title: Faced Failed to load resource: the server responded with a status of 404 () when uploaded my react app to github pages
body: <p>I have created a simple react project and then executed the command npm run build. Then, uploaded to github pages here <a href="https://mirzhal95.github.io/customTemplate/" rel="nofollow noreferrer">https://mirzhal95.github.io/customTemplate/</a> but faced Failed to load resource: the server responded with a status of 404 (). So, I am referencing images like this</p>
  <pre><code>const store = [
  
          {
            name: &quot;outside&quot;,
            color: &quot;lightpink&quot;,
            position: [-400, 0, 300],
            url: &quot;src/assets/picture1.jpg&quot;,
            link: 1,
          },
      
          {
            name: &quot;inside&quot;,
            color: &quot;lightblue&quot;,
            position: [-100, 0, 900],
            url: &quot;src/assets/picture5.jpg&quot;,
            link: 2,
          },
          {
            name: &quot;Hall&quot;,
            color: &quot;red&quot;,
            position: [20, 10, 0],
            url: &quot;src/assets/picture3.jpg&quot;,
            link: 1,
          },
        ];
  </code></pre>
  <p>How should I reference jpg images so I do not have problems when deployed.</p>