title: Azure static web apps not loading page resources correctly. css or javascript files
body: <p><strong>UPDATE 3</strong></p>
  <p>Sorry I put this update here, but I did a good discovery. Read Below under the title Original Qestion to review what I have done.</p>
  <p>After everything related below I realized something with the cache was happening. However, I also notice that on different computers the error persisted. After playing around with the url I found out that this</p>
  <p><a href="https://yellow-hill-0ce1f0e10-4.centralus.azurestaticapps.net/contacto" rel="noreferrer">https://yellow-hill-0ce1f0e10-4.centralus.azurestaticapps.net/contacto</a></p>
  <p>and this one</p>
  <p><a href="https://yellow-hill-0ce1f0e10-4.centralus.azurestaticapps.net/contacto/" rel="noreferrer">https://yellow-hill-0ce1f0e10-4.centralus.azurestaticapps.net/contacto/</a></p>
  <p>load different websites. The only difference is the trailing slash.</p>
  <p>When I run this locally from Visual Studio Code, the local server adds the slash automatically; Azure static web app, doesn't</p>
  <p><strong>Original Question</strong></p>
  <p>I'm making a simple website based on azure static web apps. I used this guide <a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps" rel="noreferrer">https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps</a>.</p>
  <p>I wanted to make a new page, so I copied the files I needed into a new contacto folder. and make all the changes. then deploy succesfully.</p>
  <p>however, the files deployed are not the ones I modified but the original ones, as if no changes were detected (if it need to detect changes). So for example. I have this styles.css files in github</p>
  <pre><code> body {
       font-family: ff-dagny-web-pro, sans-serif;
       font-weight: 300;
       font-style: normal;
   }
  
   .nopadding {
       padding: 0 !important;
   }
  
   .btn-primary {
       color: #383835;
       background-color: #ffd225;
       border-color: #ffd225;
   }
  
   .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open&gt;.dropdown-toggle.btn-primary {
       color: #383835;
       background-color: #ffd225;
       border-color: #ffd225;
       /*set the color you want here*/
   }
  
  
   ul.nav li a, ul.nav li a:visited {
       color: #3C3C3A !important;
   }
  
   ul.nav li a:hover, ul.nav li a:active {
       color: #3C3C3A !important;
   }
  
   ul.nav li.active a {
       color: #3C3C3A !important;
   }
  
   .hide{
       display:none;
   }
  </code></pre>
  <p>but when I load the publish site, the file is significantly different. as you can see.</p>
  <pre><code> body {
       font-family: ff-dagny-web-pro, sans-serif;
       font-weight: 300;
       font-style: normal;
   }
  
   .table td, .table th {
       vertical-align: middle;
   }
  
   .table {
       margin: 0;
   }
  
   .table tr td img {
       width: 100%;
   }
  
   .table tr td {
       border: none;
   }
  
   .nopadding {
       padding: 0 !important;
   }
  
   .geoGradient {
       background: rgb(206, 217, 183);
       background: linear-gradient(141deg, rgba(206, 217, 183, 1) 0%, rgba(185, 202, 150, 1) 100%);
   }
  
   ul.nav li a, ul.nav li a:visited {
       color: #3C3C3A !important;
   }
  
   ul.nav li a:hover, ul.nav li a:active {
       color: #3C3C3A !important;
   }
  
   ul.nav li.active a {
       color: #3C3C3A !important;
   }
  </code></pre>
  <p>A couple weeks ago I was in a similar situation when I updated the images in the inner pages, none of them were loading when surfing the published site, github shows the correct files in the repository and in the actions, yet they seem not to be in the server. I changed the names of all files and it solved the problem. As ridiculous as it sound. I have tried to change folder name, but not working here.</p>
  <p>What am I missing and how can I get github action to deploy the files in the commit?</p>
  <p><strong>UPDATE 1</strong></p>
  <p>As YML file was not relevant to this question I removed it.</p>
  <p><strong>UPDATE 2</strong></p>
  <p>This update was not relevant so I removed so the question is clearer now.</p>