网站部署后,href链接不起作用

时间:2019-02-28 08:16:30

标签: javascript reactjs materialize

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

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

      <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并单击指向Page1的重定向按钮之后,我可以访问mywebsite.com/Page1

我做错什么了吗?

Edit2

我找到了:

我忘记添加

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

3 个答案:

答案 0 :(得分:2)

您使用重写规则获得了.htaccess吗?它可能在您的活动域中指定了与本地服务器不同的路径

答案 1 :(得分:0)

您必须在您的域名前加上href。 例如,

http://www.yourWebSite.com/page1

答案 2 :(得分:0)

请在使用时不要使用斜杠,这样它将自动选择基本网址。

<a href="page2">Page2</a>