请求标头字段授权

Question

我正在尝试从这个 API 调用中创建“UUID”，我正在使用 axios 和 vue.js。这是我的源代码。

generateUUID() {
  // console.log("call generate uuid");
  const headers = {
    'Content-Type': 'application/json',
    'Access-Control-Allow-Headers': '*',  
    'Access-Control-Allow-Origin': '*'
  }
  
  axios.get('https://www.uuidtools.com/api/generate/v1', {
    headers: headers
  }).then(response => console.log(response))        
},

但不幸的是，我得到了

在'访问XMLHttpRequesthttps://www.uuidtools.com/api/generate/v1'从原点'http://localhost:8080'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“access control Allow Origin”标头。

我尝试过在谷歌上搜索，已经找到了很多关于这个问题的答案，但一无所获。

Answer 1

>

Access-Control-Low-head ers和Access-Control-Low-Origin是响应标头，而不是请求标头。在请求中指定它们不仅没用；在这里，它实际上是适得其反的。

为什么要为GET请求指定内容类型？GET请求不应该有正文：

GET请求消息中的有效负载没有定义的语义学；在GET请求上发送有效负载正文可能会导致某些现有实现拒绝请求。

根据我的测试，您请求的资源（https://www.uuidtools.com/api/generate/v1）似乎可以感知CORS，但只需要简单的请求，而不需要飞行前请求。而且，因为您的请求包含未被CORS安全列出的标头，所以浏览器会对其进行预检，预检访问控制检查失败。

只需发送一个简单的＜code＞GET＜/code＞请求（不添加任何标头）：

fetch('https://www.uuidtools.com/api/generate/v1')
  .then(r => r.json())
  .then(arr => arr[0])
  .then(console.log)

没有CORS误差，那么: