title: External text file not loading on deployed site
body: <p>Hello there I'm trying to fill an html paragraph with text from a .txt file in order to be able to edit the paragraph from the text file instead of editing it on the code, I am using jQuery  when I ran the website using VS Code live server it renders perfectly but when I deployed the site using vercel the text does not show and inthe dev tools says &quot;Failed to load resource: the server responded with a status of 404 () text/intro-p1.txt:1&quot;. I have no idea why it works with live server and not when I deploy the page.</p>
  <p>Deployed site:
  <a href="https://i.stack.imgur.com/Mcj5m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Mcj5m.png" alt="enter image description here" /></a></p>
  <p>Using live server:
  <a href="https://i.stack.imgur.com/6KOKJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6KOKJ.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//JS Code
  
    function ajax(method, url, data, success, error) {
      var xhr = new XMLHttpRequest();
      xhr.open(method, url);
      xhr.setRequestHeader("Accept", "application/json");
      xhr.onreadystatechange = function() {
        if (xhr.readyState !== XMLHttpRequest.DONE) return;
        if (xhr.status === 200) {
          success(xhr.response, xhr.responseType);
        } else {
          error(xhr.status, xhr.response, xhr.responseType);
        }
      };
      xhr.send(data);
    }
  
    //load text function 
  
    jQuery.get('text/intro-p1.txt', function(data) {
      //First paragraph of main page introduction
      $('#intro-p1').html(data.replace('n',''));
   });
  
   jQuery.get('text/intro-p2.txt', function(data) {
    //Second paragraph of main page introduction
    $('#intro-p2').html(data.replace('n',''));
  });
  
  //P.S I also tried changing 'text/intro-p2.txt' to '/text/intro-p2.txt' 
  //To see if the path was incorrect but had no result there </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- HTML code --&gt;
  
      &lt;section id="about"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;h1 class="big-heading"&gt;&lt;i&gt;ACCURATE SOLUTIONS CORP.&lt;/i&gt;&lt;/h1&gt;
              &lt;p id="intro-p1" class="company-description"&gt;&lt;/p&gt;
              &lt;p id="intro-p2" class="company-description"&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Project file Hierarchy</p>
  <p><a href="https://i.stack.imgur.com/CDoWg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CDoWg.png" alt="enter image description here" /></a></p>
  <p>Thanks for any help you can provide!</p>