时间戳

首页 > 解决方案 > 在为 ReactJS 应用程序提供服务时，获得跨域读取阻止 (CORB) 阻止了 MIME 类型 text/html 的跨域响应

reactjs - 在为 ReactJS 应用程序提供服务时，获得跨域读取阻止 (CORB) 阻止了 MIME 类型 text/html 的跨域响应

问题描述

我有一个反向代理到 reactjs 应用程序的 Wordpress 测试站点。但是，提供了一个空白页面，我Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type text/html在控制台上看到了。

当我添加一个简单的“你好，世界！” 在 public/index.html 中，显示了 Hello World，但未显示页面的其余部分。

编辑：为了进一步解释，我的 wordpress 网站有一个服务于 reactjs 应用程序的子文件夹。

我的 reactjs 应用程序是：http ://dspstaging.drwealth.com 我的测试 wordpress 站点是：http: //35.240.238.94 我为 reactjs 应用程序提供服务的网址是：http: //35.240.238.94/datastaging

如您所见，http://dspstaging.drwealth.com运行良好，但是，当我尝试通过http://35.240.238.94/datastaging访问时，仅显示“Hello World”，并且控制台显示 CORB 警告。

标签： reactjsreverse-proxycross-origin-read-blocking

解决方案

弄清楚了。由于反向代理，浏览器在 Wordpress 站点的服务器而不是 React 应用服务器中寻找 ReactJS 应用程序的静态文件夹。我收到了 CORB 警告，因为它没有得到它所期望的 CSS 文件。

为了解决这个问题，我必须创建另一个重写规则，这次是针对文件夹 /static 的请求。我的 .htaccess 文件现在看起来像这样：

RewriteEngine On
RewriteRule ^datastaging(.*) http://35.198.238.40/data/$1 [P]
RewriteEngine Off

# Rewrite rule for static folder
RewriteEngine On
RewriteRule ^static(.*) http://35.198.238.40/static/$1 [P]
RewriteEngine Off

希望这可以帮助某人。

推荐阅读