在 PHP 应用程序中使用 Vue.js 组件

Question

我将 PHP 和 Vue.js 与 vue-router 一起使用。我有一个发送电子邮件的 php 表单处理程序。发送电子邮件时，我想将用户重定向到我的 vue 应用程序中的某个组件。有没有办法让它工作？我创建了一个组件Thankyou.vue，并希望以某种方式将其嵌入到我的 php 文件中。

if(mail($address, $msg, $headers)) {
    header("Location: http://mypage.com/thankyou");
}

Answer 1

我对 vue.js 不太熟悉，所以不要把我钉在 JS 部分:-)

无论如何，您应该做的是使用 AJAX 将数据发布到 PHP 并返回 JSON 和正确的 HTTP 标头。

在 JavaScript 中发布数据并处理响应承诺：

this.$http.post('//someurl.bla', { key: value })
    .then((response) => {
      // show your thank you message
    })
    .catch(error => {
        console.log(error);
    });

在 PHP 中处理错误：

/**
 * exits the script and returns a HTTP 400 and JSON error message
 * @param str $msg error message
 */
function dieError($msg) {
    http_response_code('400');
    echo json_encode(['error' => $msg]);
    exit;
}

// check form data
if (!$_POST['parameter']) {
    dieError('Parameter "Parameter" is missing.');
}
// do stuff, build the mail content etc.

// throw an error if the mail is not sent (note the !)
if(!mail($address, $msg, $headers)) {
    dieError('Error sending mail');
}

// if the script arrives here, everything was fine, the status code will be 200 OK