HTML搭配PHP实现表单发邮件出现页面无法访问问题咨询

你遇到的报错有两个核心原因：

1. VS Code 的 Live Server 插件是纯静态资源服务器，不支持解析PHP代码，请求form-to-email.php时不会执行PHP逻辑，只会直接返回源码或者触发服务错误，这是最主要的报错原因。
2. 你的表单代码存在逻辑疏漏：提交按钮没有设置name="submit"属性，所以PHP代码中isset($_POST['submit'])永远返回false，哪怕PHP环境正常，提交后也会直接输出Error。

你已经在Mac上安装了PHP，不需要额外安装XAMPP之类的集成环境，直接用PHP内置的开发服务器即可：

1. 先修复代码问题：
   给HTML的提交按钮加上name属性：

   <input type="submit" name="submit" class="btn btn-primary" value="Send"/>
   

   （可选）给PHP的mail()函数增加发件人头部配置，避免邮件被识别为垃圾邮件：

   <?php 
   if(isset($_POST['submit'])) {
       $to = "myemail@gmail.com";
       $subject = "RSVP";
       $name_field = $_POST['name'];
       $email_field = $_POST['email'];
       $body = "From: $name_field\n E-Mail: $email_field\n";
       // 新增头部配置
       $headers = "From: $email_field\r\n" .
                  "Reply-To: $email_field\r\n" .
                  "X-Mailer: PHP/" . phpversion();
       echo "<h1>Your form has been submitted</h1>";
       mail($to, $subject, $body, $headers);
   } else {
       echo "<h1>Error</h1>";
   }
   ?>
   

2. 打开终端，进入你的项目根目录，执行命令：

   php -S localhost:8000
   

3. 浏览器访问localhost:8000即可正常访问站点，提交表单也能正常触发PHP逻辑。

注意：Mac默认PHP环境可能没有配置发邮件服务，本地测试时mail()函数可能无法正常发信，可以先注释掉mail()相关代码，先验证表单提交逻辑正常即可。

你常用的Netlify是纯静态站点托管服务，不支持原生PHP代码运行，有两种可选方案：

1. 更换支持PHP的托管服务：比如常规的虚拟主机、云服务器等，把项目代码直接上传到对应站点目录即可正常运行，绝大多数提供PHP托管的服务商都默认配置好了发邮件的环境，不需要额外调整核心逻辑。
2. 继续使用Netlify托管：可以用Netlify提供的无服务器函数来替代原有的PHP文件，把表单提交、发邮件的逻辑写到无服务器函数里，修改表单的action为无服务器函数的调用地址即可。

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