Access-Control-Allow-Origin header 存在于请求的资源上

Question

我正在使用 javascript 通过fetch()方法获取一些数据：

fetch(url, {
      method: 'GET',
      mode: 'cors', 
      cache: 'no-cache',       
      credentials: 'same-origin', 
      headers: myHeaders,
      referrer: 'no-referrer',
     }

但是它给了我以下错误：

错误：- 从源“http://localhost:8080”访问“https://www.dropbox.com/s/v2pca6kq8nsqmso/abb5c48dae55560e4ae7d41af7bfdc50.jpg?raw=1”已被 CORS 策略阻止：响应预检请求未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”header。 如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

我错过了什么？

Answer 1

www.dropbox.com不允许 CORS。 它不包括 CORS 接头。 这是故意的。
您可以改用域 dl.dropboxusercontent.com 中的 CDN 链接，这样就可以了。

请注意，DropBox 不支持这种用法，可能会或可能不会停止或更改，恕不另行通知。

 fetch('https://dl.dropboxusercontent.com/s/v2pca6kq8nsqmso/abb5c48dae55560e4ae7d41af7bfdc50.jpg?raw=1', { method: 'GET', mode: 'cors', cache: 'no-cache', credentials: 'same-origin', headers: {}, referrer: 'no-referrer', }).then(x => x.blob().then(y => console.log(y)))