javascript - 尝试使用 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;
解决方案
尝试在您的服务器上添加 cors
const cors = require('cors');
app.use(cors());
推荐阅读
- php - 在 Laravel 的主域和子域上持久化身份验证用户 | 会议 | 子域
- python - 将数据附加到现有 Excel 工作表的问题
- javascript - 给定第一个示例,如何复制另一个水平滚动?
- python - 使用 numpy 向量化 else-if 语句函数
- r - 在 Mac 上将多个文件夹中的文件合并到一个文件夹中,或者在 R 中同时读取不同文件夹中的多个文件
- javascript - 执行停止功能时,audio.duration 属性未重置
- javascript - 无法在反应响应轮播中执行条件渲染
- swift - 为什么我的 NSRuleEditor 不显示条件?
- excel - Excel VBA 用户窗体编辑器不断自行调整大小
- google-api - Youtube 数据 API 搜索端点 401 错误