我正在使用简单的联系表单作为组件在Vue中构建一个非常小的Web应用程序。我想使用一个非常基本的PHP脚本来发送邮件。我不是PHP方面的专家,但出于某种原因,我无法弄清楚当我尝试提交联系表单时遇到的这个错误。它说
Cannot POST /mail_contact.php
HTML / Vue组件
<form class="contact" action="mail_contact.php" method="post">
<div class="container">
<input type="text" class="st-input" placeholder="Vul hier jouw naam in" name="name">
<input type="text" class="st-input" placeholder="Vul hier kort en bondig jouw probleem in" name="problem">
<input type="text" class="st-input" name="email" placeholder="Vul hier jouw e-mail adres in">
<input type="text" class="st-input" placeholder="Vul hier jouw telefoonnummer in" name="tel">
<select name="telOrEmail" required><option disabled>Maak een keuze</option><option value="Tel">Telefoon</option><option value="Email">Email</option></select>
</div>
<button class="send-button" type="submit">Verzenden!</button>
</form>
PHP脚本
<?php
if(isset($_POST['submit'])) {
//getters from form
$name = $_POST['name'];
$tel = $_POST['tel'];
$email = $_POST['email'];
$problem = $_POST['problem'];
$telOrEmail = $_POST['telOrEmail'];
//mail content
$formcontent=" Van: $name \n Telefoonnummer: $tel \n Emailadres: $email \n Problem: $problem \n Terugbellen of Emailen: $telOrEmail";
//ontvanger van mail
$recipient = "g.gijsberts@sqits.nl";
//Onderwerp
$subject = "Contact formulier Sqits-it";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "Bedankt voor je bericht! Wij hopen zo snel mogelijk te reageren.";
}
?>
有什么我看不到的东西吗?
修改 项目结构
因此,您可以看到我将我的php脚本放在与主文件(Index.html)相同的目录中,但也放在构建文件所在的目录中。很好的说这是一个Vue项目。
由于一个奇怪的原因,我在提交表单之前收到404错误(在localhost:8080 / mail_contact.php上),然后我被重定向到Cannot POST /mail_contact.php
的空白页面。如果文件实际存在于我的目录中,这怎么可能呢?