Axios 帖子未收到答复 (ReactJS)

IT技术 reactjs express proxy axios
2021-05-04 06:20:47

我需要提交一个表格。如果我在 HTML 表单中执行它,它目前可以工作,但我真的需要在之后制作一些东西,所以我需要在react中做它。所以我正在使用 axios。

但是,使用 axios 我没有得到回复。还有一些奇怪的事情,因为虽然我在做一个发布请求,但数据在浏览器上显示为查询字符串......不确定这是否是正常行为。

这是我的代码,在服务器端:

app.post("/auth/register", async function(req, res, next) {
    // some code
    // my responses are like res.json("/signup/success");
}

在客户端:

onSubmit(event) {
    axios({
        method: "post",
        url: "/auth/register",
        data: {
            username: this.state.username,
            password: this.state.password,
            accountName: this.state.accountName
        },
        withCredentials: true
    }).then(result => {
        console.log(result);
    });
}

我正在使用 express 在端口 5000 上运行服务器,并使用 create-react-app 在端口 3000 上运行服务器。要管理身份验证,passport.js。

我使用 http-proxy-middleware 将某些端点代理到快速服务器。

提交表单后,我在控制台上得到了这个:

我已经在这里待了好几天了,在stackoverflow和其他任何地方徘徊,我完全被卡住了......任何人都可以给我提示我该怎么做?

2个回答

好吧,看来我已经找到了自己的答案......终于。谢谢大家的帮助!

这个问题非常基本,非常愚蠢。只是缺少“event.preventDefault()”。就是这样......是的,叫我愚蠢,过去几个小时我一直在告诉自己

axios.create({ baseURL: http://localhost:5000/ });

在发送请求之前设置 baseURL。