类型错误：res.response 未定义

Question

我正在使用 Vue/Laravel 在 SPA 中使用 JWT 身份验证进行用户身份验证。我的注册模块有问题，当我点击按钮时它没有做任何事情，我检查了 Firefox 开发者版的控制台，它抛出了以下错误：

类型错误：res.response 未定义

这是我的代码

<template>

<div class="container">

    <div class="card card-default">

        <div class="card-header">Inscription</div>

        <div class="card-body">

            <div class="alert alert-danger" v-if="has_error && !success">

                <p v-if="error == 'registration_validation_error'">Error</p>

                <p v-else>Try again later.</p>

            </div>

            <form autocomplete="off" @submit.prevent="register" v-if="!success" method="post">

                <div class="form-group" v-bind:class="{ 'has-error': has_error && errors.email }">

                    <label for="email">E-mail</label>

                    <input type="email" id="email" class="form-control" placeholder="[e-mail]" v-model="email">

                    <span class="help-block" v-if="has_error && errors.email">{{ errors.email }}</span>

                </div>

                <div class="form-group" v-bind:class="{ 'has-error': has_error && errors.password }">

                    <label for="password">Mot de passe</label>

                    <input type="password" id="password" class="form-control" v-model="password">

                    <span class="help-block" v-if="has_error && errors.password">{{ errors.password }}</span>

                </div>

                <div class="form-group" v-bind:class="{ 'has-error': has_error && errors.password }">

                    <label for="password_confirmation">Confirm password</label>

                    <input type="password" id="password_confirmation" class="form-control" v-model="password_confirmation">

                </div> <button type="submit" class="btn btn-default" @click="register">Inscription</button>

            </form>

        </div>

    </div>

</div>

</script>

如果这给出了某种提示，我也会在控制台中收到此警告：

原因：CORS 请求没有成功

我不知道为什么会这样。

Answer 1

您遇到了 CORS 错误，这意味着您向其发出请求的服务器不允许来自您的客户端域的请求。如果您拥有服务器，则需要将您的域添加到允许域列表中，或者如果此操作失败，请检查请求方法“POST”是否被允许。看起来您随后会收到“res.response”错误，因为当错误被错误函数捕获时，它会返回一条没有“响应”属性的错误消息。尝试使用 console.log'ing res”响应以查看它为您提供了什么并从那里调整您正在使用的属性。