如何解决我的 nuxt-strapi 应用程序中的 400 错误请求？

Question

3 个月前我在开发一个 nuxt-strapi 应用程序。延迟 3 个月后，我决定继续该项目。在我的应用程序中，我有一个使用 nuxt-auth 的 Authentication 系统。注册过程之前工作正常。但是现在，它在控制台中显示错误。首先这是注册页面的模板部分：

注册.vue模板：

<v-form
    v-if="!success"
    v-model="valid"
    lazy-validation
    ref="form"
    class="my-form py-10"
    >
    <v-container>
        <v-row
        justify="center"
        >
        <v-col
            cols="12"
            md="9"
            align-self="center"
        >
            <v-text-field
            v-model="username"
            :rules="nameRules"
            label="نام کاربری"
            required
            class="emailClass"
            color="accent darken-4"
            >
            </v-text-field>
        </v-col>

        <v-col
            cols="12"
            md="9"
            align-self="center"
        >
            <v-text-field
            v-model="password"
            :rules="passRules"
            type="password"
            label="رمز عبور"
            color="accent darken-4"
            required
            ></v-text-field>
        </v-col>

        <v-col
            cols="12"
            md="9"
            align-self="center"
        >
            <v-text-field
            v-model="passwordRepeat"
            :rules="passwordRepeatRules"
            type="password"
            label="تکرار رمز عبور"
            color="accent darken-4"
            required
            ></v-text-field>
        </v-col>

        <v-col
            cols="12"
            md="9"
            align-self="center"
        >
            <v-text-field
            v-model="email"
            :rules="emailRules"
            label="آدرس ایمیل"
            color="accent darken-4"
            class="emailClass"
            required
            ></v-text-field>
        </v-col>
        </v-row>

        <v-row
        align="center"
        justify="center"
        >
                <v-btn
                color="accent lighten-5"
                class="regBtn mx-auto my-6 py-8"
                x-large
                elevation="8"
                @click="register"
                >
                ثبت نام
                </v-btn>
        </v-row>
    </v-container>

</v-form>

这是脚本部分的

register

方法：

register.vue 脚本：

async register() {

    if( this.$refs.form.validate() ) {
        try {
            this.$axios.setToken(false);
            await this.$axios.post("/auth/local/register", {
            username: this.username,
            email: this.email,
            password: this.password,
            });
        } catch (e) {

          console.log(e);
        } // end of try-catch
    } else {
        console.log("some errors)
    }

}, // end of register method

我通常按照本教程构建身份验证系统，我的nuxt版本是

2.15.8

。我的 strapi 版本是

3.6.8

节点版本是

14.15.1

.

最后，这是控制台中发生错误的两个图像：

img1:

img2：

我不明白这个错误的原因是什么。我需要一些帮助才能知道 3 个月后我的应用程序发生了什么。因为从那时起我什么都没有改变！