无法通过Axios和带有React和Node.js的Nodemailer发送post请求-在开发模式中

Question

我用nodemailer和axios设置了react和nodejs应用程序，配置了一个从前端向后端发送数据的请求，但遇到了麻烦。

首先出现代理错误：无法将请求/服务/移动/约会/表单从localhost:3000代理到http://127.0.0.1:8000。(ECONNRESET)，尽管我在frontend package.json“proxy”中写过：“http://127.0.0.1:8000”。我还尝试在backend Package.json中使用CORS，并进行了几十种配置，但都不起作用。

所以后端在根中，前端在前端目录中。

关于请求。我有一个farterorm页面，它从用户发送数据html" target="_blank">并发送到后端-一个带有post方法的路由'/form'接收req.body，并放置在nodemailer中发送电子邮件。

当我通过邮递员app直接发邮件到http://127.0.0.1/form时，一切正常，我收到了邮件。

但是，当我用axios通过前端发送post请求时，邮件在MailTrap中没有收到。

下面是处理通过页面发送电子邮件的代码：

import React from 'react'
import axios from 'axios'
import { Redirect } from 'react-router-dom' 

class Form extends React.Component {
    state = {
        values: {
            phoneNumber: '',
            email: '',
            firstName: '',
            lastName: '',
            address: '',
            notes: '',
        },
        isSubmitted: false,
    }
onInputChange = (event) => {
        let values = { ...this.state.values }
       
        for (let key in values) {

            if (event.target.name === key) {
                values[key] = event.target.value
            }
        }

        this.setState(() => {
            return {
                values,
            }
        })
    }


    render() {
        let values = []
        for (let key in this.state.values) {
            values.push(key)
        }

        const formCreating = values.map((field, index) => {
            return (
                <div key={index}>
                    <label>{field}</label>
                    <input
                        type="text"
                        name={field}
                        onChange={this.onInputChange}
                    />
                </div>
            )
        })

        return (
            <div>
                {this.props.allowed ? (
                    <div>
                        <form>
                            {formCreating}

                            <button
                                onClick={() =>
                                    axios
                                        .post(
                                            'form',
                                            this.state
                                                .values
                                        )
                                        .then(() =>
                                            console.log(
                                                'hey'
                                            )
                                        )
                                }
                            >
                                Submit
                            </button>
                        </form>
                    </div>
                ) : (
                    <Redirect to={'/services'} />
                )}
            </div>
        )
    }
}

为了节省您的时间：onInputChange将用户的输入放入状态，然后单击按钮将调用axios.post(('form')，this.state.events)--我想这会发送电子邮件，但它没有。

下面是backend Package.json中的npm脚本：

"scripts": {
        "start": "node server.js",
        "client": "npm run start --prefix frontend",
        "server": "nodemon server.js",
        "dev": "concurrently \"npm run client\" \"npm run server\""
}

有什么想法吗？

Answer 1

使用Axios.Post时出错。您需要在发送请求时提及完整的URL,

null

axios.post(
          'http://127.0.0.1:8000/form',
          this.state
              .values
      )
      .then(() =>
          console.log(
              'hey'
          )
      )