如何解决Nuxt-Strapi应用中的400 Bad Request注册错误？

三个月前开发的Nuxt-Strapi应用，基于nuxt-auth实现的注册功能原本运行正常。时隔三个月继续开发时，注册请求在控制台出现400 Bad Request错误，但用户信息已成功存入Strapi的Users集合（数据库）。

应用版本：

• Nuxt 2.15.8
• Strapi 3.6.8
• Node.js 14.15.1

register.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.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

控制台错误情况 #

• 错误截图1：POST请求/auth/local/register返回400 Bad Request状态码
• 错误截图2：响应内容显示与注册流程后续校验相关的错误信息（如邮箱验证未完成、权限校验异常等）

可能原因及解决办法 #

1. Strapi自动开启邮箱验证配置 #

时隔三月重启项目后，Strapi的用户插件可能默认开启了邮箱验证功能。用户数据成功入库，但因为邮箱未完成验证，Strapi在返回响应时触发400错误。
解决：登录Strapi后台，依次进入Plugins > Users & Permissions Plugin > Settings > Advanced Settings，找到Email confirmation选项，若无需邮箱验证则关闭该功能；若需要则配置好邮箱服务（如SMTP）确保验证邮件正常发送。

2. Nuxt端缓存或axios配置异常 #

虽然代码中调用了this.$axios.setToken(false)，但浏览器缓存的旧auth token或axios拦截器配置异常，导致请求头携带无效token，触发Strapi权限校验错误，但用户创建逻辑已执行完成。
解决：

• 清除浏览器缓存及localStorage中auth相关数据，重新测试注册功能
• 检查nuxt.config.js中axios和auth的配置，确保baseURL正确，无多余拦截器干扰注册请求

3. Strapi用户模型字段/验证规则变更 #

可能误操作修改了Strapi后台的User模型，添加了必填字段或变更验证规则，导致注册接口返回响应时触发校验错误，但数据库插入逻辑已完成。
解决：进入Strapi后台Content-Types > User，检查所有字段的必填项和验证规则，确保注册请求传递的参数覆盖所有必填字段。

4. Node.js依赖缓存或兼容问题 #

时隔三月后，项目依赖可能存在缓存异常或版本兼容问题，导致请求处理流程出错。
解决：删除项目根目录的node_modules文件夹和package-lock.json（或yarn.lock），重新执行npm install或yarn install，重启Nuxt和Strapi服务。

内容的提问来源于stack exchange，提问作者hamid-davodi