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吗？它可能在您的实时域上指定了与本地服务器不同的路径