Vue Форма API приложения работает на локальном хосте, но не после развертывания

Question

Мой код отлично работает на моем локальном сервере, но после развертывания на моем веб-сайте я не могу получить данные для отображения. Я продолжаю получать сообщение «Отправка формы отменена, потому что форма не подключена». Ax ios фактически помещает данные в мою базу данных, просто они не будут отображаться в моем интерфейсе. Когда я console.log (app.Users), он возвращает undefined. Спасибо

<script>
      var app = new Vue({
        el: "#app",
        data: {
          errorMsg: "",
          successMsg: "",
          showAddModal: false,
          showEditModal: false,
          showDeleteModal: false,
          users: [],
          newUser: { name: "", email: "", phone: "" },
          currentUser: {},
        },
        mounted: function () {
          this.getAllUsers();
        },
        methods: {
          getAllUsers() {
            axios
              .get(
                "http://jakewoodruff.com/Projects/crud-vue-php/process.php?action=read"
              )
              .then(function (response) {
                if (response.data.error) {
                  app.errorMsg = response.data.message;
                } else {
                  app.users = response.data.users;
                  console.log(app.users);
                }
              });
          },
          addUser() {
            var formData = app.toFormData(app.newUser);
            axios
              .post(
                "http://jakewoodruff.com/Projects/crud-vue-php/process.php?action=create",
                formData
              )
              .then(function (response) {
                app.newUser = { name: "", email: "", phone: "" };
                if (response.data.error) {
                  app.errorMsg = response.data.message;
                } else {
                  app.successMsg = response.data.message;
                  app.getAllUsers();
                }
              });
          }