时间戳

首页 > 解决方案 > 如何使用 Wordpress REST api 从 Vuejs 向 Contact-Form-7 发送消息？

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

问题描述

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

我尝试使用以下代码向此端点发送 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

标签： javascriptwordpressvue.jscontact-form-7wordpress-rest-api

解决方案

帖子网址必须是

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

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

推荐阅读