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

【问题标题】：How to send message from a Vuejs to Contact-Form-7 with Wordpress REST api?如何使用 Wordpress REST api 从 Vuejs 向 Contact-Form-7 发送消息？
【发布时间】：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，它应该可以工作。

标签： javascript wordpress vue.js contact-form-7 wordpress-rest-api

【解决方案1】：

帖子网址必须是

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

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

【讨论】：