Reactjs 从react获取express数据

Reactjs 从react获取express数据,reactjs,express,Reactjs,Express,我试图创建一个简单的注册表表单,方法是在后端准备数据,并将react表单中的数据插入mysql数据库。我知道有很多关于如何做到这一点的教程,但是,我正在尝试用我自己的方式来做 因此,当我试图从后端获取数据时,它会抛出一个错误。说找不到资源。在我的服务器上,当我输入路径以查看数据时,它会通知我该路径未找到,即使我需要它 另外,我相信我对如何通过相对路径获取数据的过程有点困惑。如果React使用的端口与服务器使用的端口不同,这怎么可能呢?相对路径的获取是否完全基于您试图获取的数据的文件夹位置 对于r

我试图创建一个简单的注册表表单,方法是在后端准备数据,并将react表单中的数据插入mysql数据库。我知道有很多关于如何做到这一点的教程,但是,我正在尝试用我自己的方式来做

因此,当我试图从后端获取数据时,它会抛出一个错误。说找不到资源。在我的服务器上,当我输入路径以查看数据时,它会通知我该路径未找到,即使我需要它

另外,我相信我对如何通过相对路径获取数据的过程有点困惑。如果React使用的端口与服务器使用的端口不同,这怎么可能呢?相对路径的获取是否完全基于您试图获取的数据的文件夹位置

对于react,我使用的端口是3000 对于服务器,我使用5000

这是我的密码:

型号:

var db=require('../dbconnection');
变量寄存器={
registerAuth:函数(数据、回调){
db.query(“插入sanames(id、全名、电子邮件、确认邮件、密码、确认密码)值(newid(),”“+data.fullName+”,“+data.email+”,“+data.confirmMail+”,“+data.password+”,“+data.confirmPassword+”))
}
}
//db.query('insert sanames(id,fullName,email,confirmEmail,password,confirmPassword,dateAdded)值(newid(),“'data.fullName'”,“'data.email'”,“'data.confirmEmail'”,“'data.confirmPassword'),回调)

module.exports=寄存器我希望我的答案有帮助,这有点难回答

我做的第一件事是将fetch更改为以下内容:

fetch("http://localhost:5000/register"
第一次尝试时,我遇到了CORS问题,因此我安装了npm包:

您可以在程序包JSON文件中设置代理,这将有助于将React应用程序连接到express server-这是应用程序连接到express server的一种方式-它们不在同一个文件夹中,您可以在不同的文件夹中设置服务器,然后仍然连接到它,尝试一下——如果它有助于更清楚地理解它的话

"proxy": "http://localhost:5000"

希望这有帮助

您是否尝试在url中获取localhost:5000/注册?是的,它告诉我它无法注册。对不起,我没有看到你使用POST。在您的服务器中,是否尝试用
/
替换
/:registerAuth
?嗯,没有。让我尝试在服务器上加载路由,因为我甚至无法在页面上加载路由。谢谢您的建议。然而,我之所以尝试使用相对而非绝对获取路径,是因为当站点上线时,大多数获取请求不是通过相对路径而不是绝对路径发送的吗?此外,当构建准备好投入生产时,我不会使用代理,对吗?当项目准备好进行生产构建时,代理的替代品是什么?