При вводе данных в форму получаю ошибку 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>