Доступ к выборке в ‘https://www.cloudflare.com/cdn-cgi/trace » из источника «http://localhost:3000 » был заблокирован политикой CORS

#javascript #cors #cloudflare

#javascript #cors #cloudflare

Вопрос:

Как мне это исправить?

 let response = await fetch("https://www.cloudflare.com/cdn-cgi/trace", {
    // credentials: 'include',
    method: 'GET',
    // method: 'POST',
    headers: {'Content-Type': 'application/json'}
})
  

Доступ к выборке в ‘https://www.cloudflare.com/cdn-cgi/trace » из
источника «http://localhost:3000 » был заблокирован политикой CORS:
Тип содержимого поля заголовка запроса не разрешен
Access-Control-Allow-Headers в предполетном ответе.

Комментарии:

1. Рекомендуемым способом было бы сделать это через серверную часть и вернуть ответ локально. Не во внешнем интерфейсе.

2. если я получу IP-адрес из серверной части, вернет ли он вместо этого внутренний IP-адрес?

Ответ №1:

Вы можете попробовать сделать это следующим образом:

 async function test () {
  let response = await fetch("https://www.cloudflare.com/cdn-cgi/trace", {mode: "cors"});
  let text = await response.text();
  console.log(text)
}
test()  

Комментарии:

1. и проверьте свой json, он действителен?

2. @phongyewtong Рад, что это помогло. В stackoverflow вы можете сказать «спасибо», приняв ответ, который вам помог. 🙂