我正在重做我的投资组合作为反应。所以对它来说相当新。我在这里面临的问题是,当我将 React 项目托管到服务器时,一切正常,使用路由,在导航时将页面移动到顶部等,但是我观察到当我关闭我的网站时选项卡并尝试直接访问组件。例如,如果我执行“ http://mywebsite.com ”,它就可以工作。但是,如果我执行“ http://mywebsite.com/contact ”,则页面会显示 404,是的,该组件确实存在。这两种方法都适用于本地主机,但不适用于托管服务器 (Hostinger)
我尝试在网上搜索,但找不到任何可靠的答案,StackOverflow 上的许多帖子都说它的服务器相关错误,但没有说明如何修复它。
手动刷新或写入时,React-router url 不起作用
访问 url 中的路由时如何修复 404 not found。(SPA 反应)
react-router-dom 在直接访问 URL 时生成 404,但不在开发中
这就是我的导航链接和路线的设置方式 -
class mainContent extends React.Component {
render() {
return (
<Router>
<div>
<nav id="navbar">
<span>
<NavLink exact to="/">
PRASHANTH KUMAR SRIPATHI
</NavLink>
</span>
<li-item>
<NavLink to="/contact" id="nav-item" className="item">
<i className="fa fa-comments-o" /> Contact
</NavLink>
</li-item>
<li-item>
<NavLink to="/resume" id="nav-item" className="item">
<i className="book icon" /> Resume
</NavLink>
</li-item>
<li-item>
<NavLink to="/portfolio" id="nav-item" className="item">
<i …Run Code Online (Sandbox Code Playgroud)