我在使用 axios 发送注册和登录表单的 post 请求时看到 404 错误

Question

这是我的代码注册

const RegisterPage = () => {
  const [name, setName] = useState('');
  const [email, setEmail] =  useState('');
  const [password, setPassword] = useState('');

  async function registerUser(ev){
    ev.preventDefault();
    try{
      await axios.post('/register', {
        name,
        email,
        password,
      });
      alert('Registration successful. Now you can log in');
    }
    catch (e) {
      alert('Registration failed. Please try again later')
    }
  }

我使用 MERN 创建了一个书店应用程序。我想注册一个不存在的用户并登录现有的用户来访问书单。

当我注册或登录用户时，我收到了

axios.post

上发生的 404 错误。

Answer 1

你可以试试

try{
  await axios.post('/register',
  {
     headers:{
      'Content-Type' : 'application/json'
     }
  },
  {
    "name":name,
    "email":email,
    "password":password,
  });

因为后端应该接收您请求的标头并确保baseURL为true