调用 Reddit API 时出现“cors missing allow origin”

Question

我目前在我的 Vuejs 应用程序中使用 Reddit API 和fetch 。 虽然在 Firefox 或 Safari 中加载它时，我得到了 2x 错误。

OPTIONS (CORS Missing Allow Origin)

同一页面在 Chrome 中完美运行。 调用以下 URL：

https://api.reddit.com/r/funny/hot.json?raw_json=1&limit=50

有任何想法吗？ 这里的大多数答案都是希望服务器响应发生变化，显然这是 reddit。 我无法改变它。

添加代码

  async fetch() {
        // Fetch this pages URL from the API. Use the options if there are any to use.
        await this.$axios.get(this.baseUrl + this.builtUrl + '/' + this.sortOption + '.json?raw_json=1&limit=50')
        .then((response) => {
            // Build Reddit Array
            this.posts = response.data.data.children
            // Add the next page Variable.
            this.nextPage = response.data.data.after
            // Set the Page Variable.
            this.page = response.data.data.after
            console.log("📬 Posts Loaded for Homepage")
            console.log("⏭️ The Next Page is " + this.nextPage)
            console.log("🚏 Sort Option is " + this.sortOption)
        })
  },

Firefox 错误

跨域请求被阻止：同源策略不允许在https://api.reddit.com/r/funny/hot.json?raw_json=1&limit=50读取远程资源。 （原因：缺少 CORS header 'Access-Control-Allow-Origin'）。 状态码：200。

跨域请求被阻止：同源策略不允许在https://api.reddit.com/r/funny/hot.json?raw_json=1&limit=50读取远程资源。 （原因：CORS 请求没有成功）。 状态码：（空）。

响应标头

OPTIONS OPTIONS /r/funny/hot.json?raw_json=1&limit=50 HTTP/2
Host: api.reddit.com
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:105.0) Gecko/20100101 Firefox/105.0
Accept: */*
Accept-Language: en-GB,en;q=0.5
Accept-Encoding: gzip, deflate, br
Access-Control-Request-Method: GET
Referer: https://example.com/
Origin: https://example.com
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site