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)))