javascript - 使用 axios 发布后不执行任何反应

Question

我在 axios post 执行后无法获取任何内容。数据按预期发布到后端，但之后我无法运行任何内容。即使帖子后的 console.log 也不起作用。我尝试过基于 axios 的 promise 和异步等待，但在通过 axios 发布后我无法运行任何内容。你知道我做错了什么吗？

创建 React 应用程序 3.3.0

react 16.11

react 路由器5.1.2

import React, { Component } from 'react'
import { withRouter } from 'react-router'
import axios from 'axios'

...

class Contact extends Component {
      ...

    submitContactHandler = async event => {
        event.preventDefault()
        try {
            await axios.post('/mail/contact', {
                userName: this.state.formData.name.value,
                userEmail: this.state.formData.email.value,
                userMessage: this.state.formData.message.value
            })
            this.props.history.push('/about')
            console.log("This doesn't even run")
        } catch (error) {
            console.log(error)
        }
    }

    render() {
        ...
        return (
            ...
            <Form onSubmit = {(event) => this.submitContactHandler(event)}>
                ...
            </Form >
        ...
        )
      }
    }

export default withRouter(Contact)

Answer 1

处理后端的响应

   await axios.post('/mail/contact', {
       userName: this.state.formData.name.value,
       userEmail: this.state.formData.email.value,
      userMessage: this.state.formData.message.value
    })
    .then((response) => {
      this.props.history.push('/about')
    }, (error) => {
      console.log(error);
    });