XMLHttpRequest достигает только состояния готовности 1, даже если ответ отправлен

Question

Я пытаюсь отправить httprequest на сервер узла, который я настроил в приложении. js. Существует определенная конечная точка c, определенная в приложении. js, называемая allSnippets, которая работает, как и предполагалось, когда я запускаю http://localhost: 3000 / allSnippets , но когда я создаю кнопку в файле html, которая следует отправить XMLHttpRequest в app.js / allSnippets, состояние готовности никогда не пройдет 1. В целом, я хотел бы достичь состояния готовности 4 и обработать ответ, но выбрал изменение цвета «Привет», чтобы проверить, какое состояние я достиг потому что я никогда не получал никакого ответа. Этот html файл находится в каталоге с именем 'publi c'. Каталог, содержащий 'publi c', также содержит приложение. js.

<p id = "text">Hi</p>
<button type = "button" onclick = "displaySnips()">View snippets</button>
<script>
  function displaySnips() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
      if (this.readyState == 2){
        document.getElementById("text").style.color = 'red';
      }
      else if (this.readyState == 1){
        document.getElementById("text").style.color = 'blue';
      }
      else if (this.readyState == 3){
        document.getElementById("text").style.color = 'green';
      }
      else if (this.readyState == 4 && this.status == 200) {
        document.getElementById("text").style.color = 'white';
      }
    }
    xhttp.open("GET", "../app.js/allSnippets", true);
    xhttp.send();
  }
</script>

Любые идеи относительно того, почему я не достигаю readystate 4?