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，因此请正确配置它以减少安全问题。