reactjs - 使用 post 方法提交表单时如何模拟错误消息？

Question

我刚刚加入的项目没有使用后端的 API，而是必须通过 Axios-mock-adapter 自己创建模拟数据。我正在做一个修改密码的表格，如果输入正确，提交就会显示成功，如果输入不正确，则会显示错误（例如输入不为空，密码不匹配... ） 怎么做？

.onPost("/user/changepassword"), {
      // How can I pass the values of the inputs
    })
    .reply(() => {
       // How can I check the value of the inputs: empty, password input does not match...
      if (conditions are ok) {
        return [200, MOCK_RESPONSE.SUCCESS];
      } else {
        return [200, MOCK_RESPONSE.ERROR];
      }
    });

Answer 1

你可以试试这段代码：

var mock = new AxiosMockAdapter(axios);
mock.onPost(/\/api\/*/).reply(config => {
  var params = Object.fromEntries(new URLSearchParams(config.data));
  if (params.name === 'tommy') {
    return [200, {success:true}];
  } else {
    return [200, {success:false}];
  }
})
axios.post('/api', (new URLSearchParams({name: 'tommy'})).toString()).then((res) => {
  console.log(res.data)
})