При вводе данных в форму получаю ошибку Failed to execute 'postMessage' on 'DOMWindow': The target origin provided

У меня есть форма регистрации, когда я пытаюсь ввести туда любой текст я получаю данную ошибку. Не могу понять как решить эту проблему. Я использую Vuelidate для валидации формы.

Ошибка:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://gc.kis.v2.scr.kaspersky-labs.com') does not match the recipient window's origin ('http://localhost:8080').

Моя форма регистрации

<template>
  <div class="container mt-4">
    <div class="row">
      <div class="col-sm-4 mx-auto">
        <form @submit.prevent="registerUser" novalidate>




          <div class="mb-3">
            <label for="name" class="form-label">Username</label>
            <input
              @blur="$v.formReg.name.$touch()"
              type="user"
              class="form-control"
              id="name"
              aria-describedby="inputGroupPrepend"
              v-model="formReg.name"
            />
          </div>

          <div class="mb-3">
            <label for="email" class="form-label">Email address</label>
            <input
              type="email"
              class="form-control"
              id="email"
              aria-describedby="emailHelp"
              v-model="formReg.email"
            />
          </div>

          <div class="mb-3">
            <label for="password" class="form-label">Password</label>
            <input
              type="password"
              class="form-control"
              id="password"
              v-model="formReg.password"
            />
          </div>

          <div class="mb-3">
            <label for="passwordConfirm" class="form-label"
              >Password confirm
            </label>
            <input
              type="password"
              class="form-control"
              id="passwordConfirm"
              v-model="formReg.passwordConfirm"
            />
          </div>

          <button type="submit" class="btn btn-primary">Registration</button>
        </form>
      </div>
    </div>
  </div>
</template>

<script>
import { required } from "vuelidate/lib/validators";


export default {
  data() {
    return {
      formReg: {
        name: "",
        email: "",
        password: "",
        passwordConfirm: "",
      },
    };
  },



  methods: {
    registerUser() {
      console.log("Регистрация прошла успешно!");
    },
      validations: {
    formReg: {
      name: {
        required,
      },

    },
  },
  },
};
</script>

<style lang="scss" scoped></style>

Ответы (0 шт):