訪問控制允許來源請求存儲文件

Question

我收到錯誤

沒有「訪問控制允許來源」 頭出現在所請求的資源。原因'https://MY-Firebase-APP.Firebaseapp.com'因此不允許訪問。

從我的Firebase存儲訪問json文件時。這裏是存儲規則 -

service firebase.storage { 
service firebase.storage { 
    match /b/paystumped.appspot.com/o { 
    match /{allPaths=**} { 
     allow read, write: if true; 
    } 
    } 
} 

該應用也由Firebase託管。下面是我使用的firebase.json當我運行「火力部署」

{ 
    "hosting": { 
    "public": "dist", 
    "ignore": [ 
     "firebase.json", 
     "**/.*", 
     "**/node_modules/**" 
    ], 
    "headers": [ 
     { 
     "source": "**/*", 
     "headers": [ 
      { 
      "key": "Access-Control-Allow-Origin", 
      "value": "*" 
      } 
     ] 
     }, 
     { 
     "source": "**/*.@(jpg|jpeg|gif|png)", 
     "headers": [ 
      { 
      "key": "Cache-Control", 
      "value": "max-age=7200" 
      } 
     ] 
     }, 
     { 
     "source": "404.html", 
     "headers": [ 
      { 
      "key": "Cache-Control", 
      "value": "max-age=300" 
      } 
     ] 
     } 
    ], 
    "cleanUrls": true, 
    "trailingSlash": false 

}}

我相信有一些平凡的CORS設置做的，使這項工作。

Answer 1

在閱讀CORS並理解這應該如何工作後，我在這裏找到了所需的答案。 https://stackoverflow.com/a/37765371/4360863

firebase存儲策略由Google提供的實用工具配置。