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

Posted 2023-03-04

【中文标题】无法使用 cloudways 服务器访问 Firebase 存储。没有“访问控制允许来源”

【英文标题】：Cannot access firebase storage with cloudways server. No 'Access-Control-Allow-Origin'

【发布时间】：2021-10-08 12:44:54

【问题描述】：

Thats the error on console

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

【问题讨论】：

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

【参考方案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。