javascript - 部署网站时 href 链接不起作用

Question

我有这段代码，当我在本地运行它时，它就像一个魅力。

我一部署它，链接就断开了。

      <ul className="sidenav" id='mobile-nav'>
          <li className="nav-item"><a href="/page1">Page1</a></li>
 <li className="nav-item"><a href="/page2">Page2</a></li>
 <li className="nav-item"><a href="/page3">Page3</a></li>
 <li className="nav-item"><a href="/page4">Page4</a></li>
                    <li className="nav-item"><a href="/page5">Page5</a></li>
                </ul>

部署后我得到

The requested URL /page1.html was not found on this server.

有没有办法解决这个问题并使 href 再次工作并重定向我？

编辑

即使我刷新 mywebsite.com/Page1 上的页面，我也会收到 404 not found

但是在转到 mywebsite.com/index.html 并单击重定向按钮到 Page1 后我可以访问 mywebsite.com/Page1

我做错了什么吗？

编辑2

伙计们，我找到了:

忘记补充了

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

Answer 1

你有使用重写规则的 .htaccess 吗？它可能在您的实时域中指定了与本地服务器不同的路径