Chrome上注册接口最后返回422

来源:11-4 【注册页面】注册业务逻辑处理

慕婉清0117081

2023-04-19

报错

使用的浏览器是Chrome,发送注册的post请求,会发送两次,第一次接口预检(返回204),第二次正式请求(返回422)
两次register请求

应该是Chrome浏览器的POST请求会产生prefight造成的,想避免预检请求,并没有解决,希望老师能看看


下面是其他信息和具体代码。

postman上能正常使用,返回204,注册成功

204

Chrome上不行,注册失败

失败

onFinish代码

const onFinish = async (values: any) => {
    console.log("Success:", values);
    try {
      await axios.post(
        "http://123.56.149.216:8080/auth/register",
        {
          email: values.email,
          password: values.password,
          confirmPassword: values.confirm,
        },
        {
          headers: {
            "Content-Type": "application/json",
          },
        }
      );
      navigate("/signin/");
    } catch (error) {
      alert("注册失败");
    }
  };

x-icode已经配置好了,也没有过期。

写回答

1回答

阿莱克斯刘

2023-04-30

不好意思,前段时间我出去旅游了,今天才回复你的问题。postman正常则说明后端服务一定是工作的,而报422则说明前端传入的数据有问题,不同于400,422更侧重于data scheme的错误。请console.log一下你的request body,看看数据是否正常。
0
0

React 18 系统精讲 结合TS打造旅游电商平台

React 18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

2042 学习 · 1035 问题

查看课程