415 不支持的媒體類型 React Fetch Api

Question

當我單擊按鈕結果是 415 媒體類型錯誤。 當我刪除模式：'no-cors'時，我看到 CORS 錯誤和 405 登錄錯誤，但我可以檢查 postman 沒問題 URL。

結果應該是真或假。 TypeError：無法在“Window”上執行“fetch”：提供的值“*cors”不是 RequestMode 類型的有效枚舉值。

const LoginForm = () => {
  const router = useRouter()
  const { t } = useLocalizationContext()
  const [email,setEmail] = useState('');
  const [password,setPassword] = useState('');
  const submit = async (e:SyntheticEvent) => {
    e.preventDefault();

    
    await fetch('url/api/v1/users/login',{
      mode:'no-cors',
      method: 'POST',
      headers:
      {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
       
      },
      credentials:'include',
      body:JSON.stringify({
        email,
        password})
    });}  

Answer 1

CORS 問題僅發生在瀏覽器中，因為瀏覽器默認阻止跨域資源共享。 此外，使用no-cors模式有其自身的影響，您需要從 這里了解。 相反，我建議在后端啟用 CORS並刪除“no-cors”模式。 另外，請注意您應該只為您的前端 url 啟用 CORS，因此請正確配置它以減少安全問題。