一、阿里云OSS

1、沒(méi)有開(kāi)啟CDN的情況：

  • 打開(kāi)「OSS管理控制臺(tái)」
  • 打開(kāi)「Bucket列表」- 選擇「其中一個(gè)Bucket」
  • 打開(kāi)「權(quán)限管理」
  • 點(diǎn)擊「跨域設(shè)置」，如下圖
  • 點(diǎn)擊「創(chuàng)建規(guī)則」，「來(lái)源」以及「允許 Headers」均填寫(xiě)通配符 *
阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題
阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題

2、開(kāi)啟了CDN的情況

  • 1.打開(kāi)相關(guān)域名的 CDN管理控制臺(tái)
  • 2.點(diǎn)擊「緩存配置」
  • 3.點(diǎn)擊「HTTP頭」
  • 4.點(diǎn)擊「添加」：參數(shù)分別選擇 Access-Control-Allow-Origin 以及 Access-Control-Allow-Methods，取值請(qǐng)看下圖。
阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題

5、設(shè)置回源設(shè)置：選擇「回源設(shè)置」——「回源HOST」——「域名地址」，請(qǐng)?zhí)顚?xiě)你的域名，如下圖

阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題

二、騰訊云

編輯中

三、又拍云

  • 打開(kāi)相應(yīng)加速域名的配置頁(yè)面
  • 點(diǎn)擊「訪問(wèn)控制」
  • 點(diǎn)擊「CORS 跨域共享」 右邊的 「管理」
  • 點(diǎn)擊「CORS 配置」右邊的按鈕，使之變?yōu)?ON 的狀態(tài)
  • 點(diǎn)擊「添加規(guī)則」，規(guī)則如下 （允許的域 可以是 * 或者 *.你的頂級(jí)域名）
阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題

四、七牛云

1、跨域設(shè)置

  • 在空間設(shè)置界面，點(diǎn)擊「跨域設(shè)置」的「設(shè)置」按鈕，可進(jìn)入「跨域設(shè)置」界面。
    點(diǎn)擊「新增規(guī)則」，彈出規(guī)則創(chuàng)建框如下：
  • 來(lái)源：填寫(xiě) *
  • 允許 Methods：GET 和 POST
  • 允許 Headers：填寫(xiě) *
  • 填寫(xiě)暴露Headers：不填
  • 填寫(xiě)緩存時(shí)間：0
阿里云、騰訊云、又拍云、七牛、oss跨域問(wèn)題的解決辦法-nicetheme_奈思主題

2、鏡像回源。