时间戳

首页 > 解决方案 > 部署网站时href链接不起作用

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

问题描述

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

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

      <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

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

难道我做错了什么 ？

编辑2

伙计们，我找到了它：

我忘记添加

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

标签： javascriptreactjsmaterialize

解决方案

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

推荐阅读