无法使用webpack-dev-server从React Axios请求中打出快速路由

时间:2019-05-13 11:06:43

标签: node.js reactjs webpack proxy webpack-dev-server

我正在通过简单的反应配置向具有Passport身份验证的Express发出axios请求,并且无法打到我的路线,甚至无法获得console.log()来表明我在我的快速路线中。我的节点在一个端口上运行,而webpack-dev-server在另一个端口上运行,带有axios的请求明确地转到了webpack端口。

    handleRegister(e) {
        const form = {
            firstname: this.state.firstname,
            lastname: this.state.lastname,
            email: this.state.email,
            password: this.state.password,
            password2: this.state.password2
        };
        axios
            .post("http://localhost:3000/api/register", form)
            ...
        e.preventDefault();
    }

我的节点路由正在侦听3000(nodemon表明它正在运行),这是我的路由代码,其中确实显示了“ in node”:

console.log("in node");
app.post("/api/register", (req, res) => {
    console.log("in register route");
    ...
});

我遇到了一个未决的问题,尝试执行此操作后一切都将挂起。请求网址是所需的http://localhost:3000/api/register,引荐网址是http://localhost:8080/register

我尝试在webpack开发服务器配置中显式设置“ / api”和“ / auth”路由的代理。

我还为package.json设置了代理。

我在axios请求中使用了相对路径。

我希望Node Server能够正确接收和处理axios请求,并且可以确定我没有正确配置代理或Webpack。

0 个答案:

没有答案