React App 无法正确呈现

debugcn 发表于 Dev

极乐太阳

首先 - 我没有编写 React 代码（这是我第一次接触 React 应用程序），这是团队努力的一部分，我只是想让它在 Apache 上正确运行。

因此，我们正在使用 PHP（后端）开发 React Bootstrap Web 应用程序（前端）。它在装有 Debian 8、Apache、PHP7 和 Mysql 的机器上运行。

当页面加载时，它似乎没有呈现任何 CSS。
* 注意 - 该站点实际上使用的是 SCSS 而不是 CSS。

如果我查看 Firefox 中的控制台错误，它会显示这一点。

我已经修改了 \etc\apache2\sites-available 中的 '000-default.conf' 文件来拥有这个：

Alias /coaching "/var/www/coaching/"
<Directory "/var/www/coaching/">
    Order allow,deny
    Allow from all
    Require all granted
</Directory>

我还在 /var/www/coaching/ 中创建了一个 .htaccess ，它有这个：

RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

关于问题可能出在哪里的任何建议？
是 React 问题还是 Apache 问题？
感谢您提供任何建议。

极乐太阳

React 开发人员找到了我们遇到的问题的答案~问题是 React 和他们的代码。

最初开发人员构建前端以使用 Node Server（忽略平台将在 Apache 上运行的事实）。在对通过 apache 渲染进行必要的更改时，一些平台组件被推送到“开发”，而其他的则被推送到“生产”。Apache 只在生产中渲染组件——这就是为什么实际上只有页眉和页脚在渲染（没有样式），因为它们是唯一推送到生产的组件。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。