javascript - 在 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 header 。

在 JavaScript 中发布数据并处理响应 promise :

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