javascript - 为什么我的 axios POST 请求重定向到“/？”？

Question

我正在使用 axios 尝试发布到 MailChimp API。当我单击发送请求的按钮时，页面被重定向到http://localhost:8000/ ?。

const handleSendEmail = () => {
        
            axios.post('https://{usX}.api.mailchimp.com/3.0/lists/{list-id}/members/', {
                status: 'subscribed',
                email_address: email,
            },
                {
                    headers: {
                        Authorization: `apikey ${apikey}`,
                    },
                }
            ).then(response => {
                console.log(response.data)
            }).catch(error => {
                console.log(error);
            });
        
    }

我正在使用列表 id、usx 和 apikey 的实际值。在这里，我只是把名字。

标签： javascriptreactjsapiaxios

Answer 1

您提供的 JavaScript不会那样做。

您描述的按钮很可能在表单中，并且正在提交该表单并触发 JavaScript。表单提交导航到新页面。

如果您不想提交表单，请使用按钮按钮而不是提交按钮。