javascript - 在新选项卡中打开时显示“404 page not found”错误的 React 应用程序
问题描述
已将 React 应用程序从我的本地环境迁移到实时服务器,迁移后如果在新选项卡中打开菜单链接,则会引发 404 错误。
网站链接:http ://www.plejfitness.com/ 菜单位置:右上角标题菜单
<ul class="_1xWsKFr _2rbE6TC _2v5bHvx pRZSkbx">
<li class="_1GxILA2">
<a aria-current="page" class="_2Vj-OOq _2_HaYMw _1w_OEYg active" href="/">
Home
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/about">
About Us
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/contact-us">
Join PLEJ Fitness
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/location">
Locations
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/careers">
Careers
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/owngym">
Own A Gym
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/gallery">
Gallery
</a>
</li>
<li class="_1GxILA2">
<a class="_2Vj-OOq _2_HaYMw _1w_OEYg" href="/contact-us">
Contact Us
</a>
</li>
</ul>
解决方案
根文件夹中包含以下代码的 .htaccess 文件已解决此问题
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>
推荐阅读
- excel - 在 vba excel 中,我试图做一个类似函数的计数,计算有多少适合 2 个 cirteria。一点经验
- python - 终端中的 Python 代码而不是输出 VSCode
- c# - 当 NServiceBus Recoverability 使用通知失败时发送消息
- phabricator - 如何使用 Conduit API 获取 Phabricator diff 的内容?
- r - 无法安装 rmarkdown 软件包
- c - Turtle Graphics 程序 (C) 上的不可读输入
- android - 从商店安装应用程序时无法加载谷歌地图
- python - 修改列表中项目的一部分
- dart - Dart - 有没有办法防止在编译时向不可变列表添加元素?
- sql-server - 从 C++ 应用程序读取 Microsoft SQL Server 数据库中 BIGINT 列的插入值的问题