使用PHP+JS实现邮件发送时遭遇CORS跨域错误求助

一、先搞定CORS错误（当前核心问题） #

你看到的CORS错误根本原因是直接用本地文件协议（file://）打开HTML页面，浏览器出于安全限制，不允许这种方式发起AJAX请求到PHP文件。必须通过HTTP服务器运行整个项目：

• 方法1：用PHP内置服务器
  打开命令行，进入项目根目录，执行：

  php -S localhost:8000
  

  然后在浏览器访问 http://localhost:8000/你的表单页面.html，再测试提交。

• 方法2：用XAMPP/WAMP等集成服务器
  把项目文件放到服务器根目录（比如XAMPP的htdocs文件夹），启动Apache服务后，通过http://localhost/你的项目文件夹/表单页面.html访问。

二、邮件发送相关代码说明 #

你的PHP代码里，mail()函数就是和邮件服务器交互的核心：

if(!mail($to, $subject, $body, $header))
  http_response_code(500);

原生mail()函数依赖服务器的邮件服务配置（比如Linux的Postfix、Windows的Sendmail），本地环境通常默认没配置，所以就算解决了CORS问题，大概率还是发不出邮件。新手更推荐用PHPMailer替代原生mail()，配置简单兼容性还好：

PHPMailer替代示例 #

1. 先通过Composer安装PHPMailer，或者直接下载PHPMailer文件放到项目里。
2. 修改contact-form.php：

<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'path/to/PHPMailer/src/Exception.php';
require 'path/to/PHPMailer/src/PHPMailer.php';
require 'path/to/PHPMailer/src/SMTP.php';

if(empty($_POST['name']) || empty($_POST['subject']) || empty($_POST['message']) || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
  http_response_code(500);
  exit();
}

$name = strip_tags(htmlspecialchars($_POST['name']));
$email = strip_tags(htmlspecialchars($_POST['email']));
$m_subject = strip_tags(htmlspecialchars($_POST['subject']));
$message = strip_tags(htmlspecialchars($_POST['message']));

$mail = new PHPMailer(true);
try {
    // 以Gmail为例配置SMTP（需开启两步验证并创建应用密码）
    $mail->isSMTP();
    $mail->Host = 'smtp.gmail.com';
    $mail->SMTPAuth = true;
    $mail->Username = 'your-gmail@gmail.com'; // 你的Gmail账号
    $mail->Password = 'your-app-password'; // Gmail应用密码
    $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
    $mail->Port = 465;

    // 设置收件人和发件人
    $mail->setFrom('noreply@yourdomain.com', 'NoReply');
    $mail->addAddress('myemail@gmail.com'); // 接收邮件的邮箱
    $mail->addReplyTo($email, $name);

    // 邮件内容
    $mail->isHTML(false);
    $mail->Subject = "$m_subject:  $name";
    $mail->Body = "You have received a new message from your website contact form.\n\nHere are the details:\n\nName: $name\n\nEmail: $email\n\nSubject: $m_subject\n\nMessage: $message";

    $mail->send();
} catch (Exception $e) {
    http_response_code(500);
    exit("邮件发送失败: {$mail->ErrorInfo}");
}
?>

注意：用Gmail的话，必须开启两步验证并创建应用密码，不能直接用账号密码。

三、额外检查点 #

• 确认PHP文件路径正确：JS里的url: 'mail/contact-form.php'要对应实际文件位置，比如mail文件夹在项目根目录的话，路径就没问题。
• 测试PHP文件可用性：在浏览器直接访问http://localhost:8000/mail/contact-form.php，正常情况会返回空白（因为没有POST数据会返回500，浏览器可能显示空白），如果显示错误，先解决PHP语法问题。

内容的提问来源于stack exchange，提问作者Goal