无法使用 cloudways 服务器访问 Firebase 存储。没有“访问控制允许来源”答案

【问题标题】：Cannot access firebase storage with cloudways server. No 'Access-Control-Allow-Origin'无法使用 cloudways 服务器访问 Firebase 存储。没有“访问控制允许来源”
【发布时间】：2021-10-08 12:44:54
【问题描述】：

Thats the error on console

如何在不被服务器云通道中的 cors 阻止的情况下访问该数据？我正在使用 react.js

【问题讨论】：

将您的开发环境列入允许列表。

标签： reactjs firebase cors cloudways

【解决方案1】：

您可以为您的 开发环境 中使用的 react 应用程序编写一个小代理。

为此，您可以简单地使用包http-proxy-middleware： https://www.npmjs.com/package/http-proxy-middleware

安装后，您需要创建一个文件，例如“setupProxy.js”在你 /src 具有相应设置的目录。像这样的东西可以工作：

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = (app) => {
  app.use(
    '/storage',
    createProxyMiddleware({
      target: 'https://firebasestorage.googleapis.com',
      changeOrigin: true,
      pathRewrite: {
        '/storage': '/',
      },
    })
  );
};

在你的应用程序中，你不需要调用https://firebasestorage.googleapis.com/whateverpath，而是你的代理：/storage/whateverpath。

【讨论】：