React表单部署GoDaddy遇阻：Flask开发服务器无法访问求解决

一、本地访问404的直接排查 #

• 检查Flask路由配置：确认server.py中定义了访问根路径/的路由，或者你访问的是正确的接口路径。如果只写了表单提交的路由（比如/submit），直接访问localhost:5000必然会返回404。添加测试路由验证服务状态：

  from flask import Flask, request, jsonify
  
  app = Flask(__name__)
  
  # 测试用根路由
  @app.route('/')
  def index():
      return "Flask服务运行正常"
  
  # 表单提交路由
  @app.route('/submit-contact', methods=['POST'])
  def submit_contact():
      data = request.json
      # 这里添加处理表单数据、发送邮件的逻辑
      return jsonify({"status": "success"})
  
  if __name__ == '__main__':
      app.run()
  

• 端口冲突排查：如果5000端口被其他程序占用，修改启动端口为其他值，比如app.run(port=5001)，再访问对应地址。

二、GoDaddy共享主机部署Flask的正确姿势 #

GoDaddy共享主机不允许直接运行Flask开发服务器，必须通过WSGI部署，步骤如下：

1. 创建.htaccess文件（放在主机public_html目录下）：

   RewriteEngine On
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteRule ^(.*)$ wsgi.py/$1 [L]
   

2. 创建wsgi.py文件（与server.py同目录）：

   import sys
   sys.path.insert(0, '/home/你的主机用户名/项目所在目录')
   
   from server import app as application
   

3. 安装依赖：通过主机终端执行pip install --user flask flask-mail（如果主机允许），或者用虚拟环境管理依赖。

三、替代方案 #

如果Flask部署仍有障碍，试试以下方案：

• GoDaddy内置表单工具：使用GoDaddy网站构建器的自带联系表单，可直接配置邮件接收，无需自行开发后端。
• PHP后端脚本：GoDaddy共享主机默认支持PHP，写简单脚本处理表单提交：

  <?php
  header('Content-Type: application/json');
  if ($_SERVER["REQUEST_METHOD"] === "POST") {
      $name = $_POST['name'] ?? '';
      $email = $_POST['email'] ?? '';
      $message = $_POST['message'] ?? '';
  
      $to = "你的接收邮箱@example.com";
      $subject = "新的联系表单提交";
      $headers = "From: $email\r\nReply-To: $email\r\n";
      $body = "姓名: $name\n邮箱: $email\n留言:\n$message";
  
      $result = mail($to, $subject, $body, $headers);
      echo json_encode(["status" => $result ? "success" : "error"]);
  }
  ?>
  

  React前端直接POST请求到该PHP文件即可。

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