尝试使用axios时出现网络错误

时间:2019-11-20 20:21:57

标签: javascript node.js reactjs react-router axios

我正在尝试登录网站。我正在尝试使用axios发送一个http请求,以通过用户,名称,密码等保存输入的数据并将其保存到数据库。  当我用邮递员发出请求时,它可以工作,但是当我尝试在客户端发出请求时,它将不起作用。 我从控制台收到此错误:

 Error:
   ("Network Error"
    createError createError.js:17
    handleError xhr.js:80
   index.js:1375
    e index.js:1375
   onSubmit Register.js:39)

我尝试了各种尝试,并尝试在网上刮取答案,但是我什么也找不到。如果您能给我任何帮助,那将是非常好的。 我尝试使用本地主机3000,现在使用本地主机。 谢谢!!!!!

这里有代码


        import React, { useState } from 'react';
        import '../../App';
        import axios from 'axios';
        const Register = () => {

            const [formData, gatherData] = useState({
                name: '',
                email: '',
                password: '',
                paswrd: ''

            });

            const { name, email, password, paswrd } = formData;


            //on submit checks if passwords are valid, if they are valid create a new instance of user


             const onSubmit = async element => {
                    element.preventDefault();
                    if (password !== paswrd) {
                        console.log("Passwords are not matching ")
                    }
                    else {
                        const newUser = {
                            name,
                             email,
                            password
                        }
                        try {
                            const configuration = {
                                headers: {
                                    'Content-Type': 'application/json'
                                }
                            }

                            const body = JSON.stringify(newUser);
                            const res = await axios.post('http://localhost:5000/apis/user', body, configuration);
                            console.log(res.data);

                        } catch (err) {
                            console.error(err)
                        }
                    }
                }



            export default Register;

1 个答案:

答案 0 :(得分:1)

尝试在服务器上添加cors

const cors = require('cors');
app.use(cors());