如何使用 Wordpress REST api 从 Vuejs 向 Contact-Form-7 发送消息？

Posted 2023-02-19

【中文标题】如何使用 Wordpress REST api 从 Vuejs 向 Contact-Form-7 发送消息？

【英文标题】：How to send message from a Vuejs to Contact-Form-7 with Wordpress REST api?

【发布时间】：2020-01-06 01:01:27

【问题描述】：

我在我的 WordPress 管理面板中安装了 Contact-Form-7，这给了我一个位于 http://localhost/wordpress/wp-json/contact-form-7/v1/contact-forms 的 API 端点

我尝试使用以下代码向此端点发送 POST 请求：

data() 
    return 
        form: 
            fullname: '',
            email: '',
            subject: '',
            message: ''
        
    
,
methods: 
    sendForm() 
        postRequest('/wp-json/contact-form-7/v1/contact-forms', this.form)
        .then(response => 
            console.log('Success --> ' + response.data)
        )
        .catch(error => 
            console.log('Error --> ' + error)
        )
    

我的反应是

POST http://localhost:8080/wordpress/wp-json/contact-form-7/v1/contact-forms 403 (Forbidden)
Error: Request failed with status code 403

【问题讨论】：

localhost:8080 和 localhost 不是同一个域授权明智的。发布到存储您的凭据的域。

我设置了一个代理，很好，它可以与其他端点一起使用。问题不是你提到的@kursus

它是否也适用于其他需要授权的端点？在任何情况下，403 表示凭据未正确传输。如果没有更多信息，真的不能说更多。

是的，它与其他端点一起使用，其他端点不需要身份验证来响应@kursus

那么您的 cookie 很可能不是由您的“代理”传输的。如果您按照我的第一条消息中所述输入完整的 URL，它应该可以工作。

【参考方案1】：

帖子网址必须是

/wp-json/contact-form-7/v1/contact-forms/<FORM_ID>/feedback

默认情况下，必须在管理面板中创建表单。它对我有用。