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

Question

那是控制台上的错误

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

Answer 1

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

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

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

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。