我得到了一个405错误，该方法请求是不允许的。我试图在点击按钮时调用一个API路由。该API路由然后调用openai API。我不知道我在哪里出错了。任何帮助都将不胜感激。
Error

'use client';

import { createServerSupabaseClient } from '@/app/supabase-server';
import DashboardOut from '@/components/DashboardOut';
import React, { useState } from 'react';

const HumanizerForm: React.FC = () => {
  const [inputText, setInputText] = useState('');
  const [outputText, setOutputText] = useState('');

  const handleHumanize = async () => {
    const response = await fetch('/api/humanize', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ text: inputText })
    });

    if (response.ok) {
      const data = await response.json();
      setOutputText(data.humanizedText);
    } else {
      console.error('Failed to humanize text:', await response.text());
    }
  };

  return (
   
      <button
        className="bg-blue-500 text-white py-2 px-4 rounded"
        onClick={handleHumanize}
      >
        Humanize
      </button>
  );
};

export default HumanizerForm;

个字符
我期待一个对OpenAI API的调用，但我得到了一个405错误。