When I press the Dasboard button from the nav menu, the Dashboard page loads, even so, it still says “404” in the console. When I login, and press enter, it goes to the same url, but the page does not load.If I go to the page from the Dashboard and refresh, nothing will load and it will only say 404 Not Found.
App.js:
<code>import React from 'react';
import { BrowserRouter, Route, Routes, Link } from 'react-router-dom';
import Home from './Components/pages/Home';
import Dashboard from './Components/pages/Dashboard';
import './App.css';
export default function App() {
return (
<BrowserRouter>
<header>
<ul className="nav-list">
<li>
<Link to="/" className="nav-link" id="home-link">Login</Link>
</li>
<li>
<Link to="/dashboard" className="nav-link" id="dashboard-link">Dashboard</Link>
</li>
</ul>
</header>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/dashboard" element={<Dashboard />} />
</Routes>
</BrowserRouter>
);
}
</code>
<code>import React from 'react';
import { BrowserRouter, Route, Routes, Link } from 'react-router-dom';
import Home from './Components/pages/Home';
import Dashboard from './Components/pages/Dashboard';
import './App.css';
export default function App() {
return (
<BrowserRouter>
<header>
<ul className="nav-list">
<li>
<Link to="/" className="nav-link" id="home-link">Login</Link>
</li>
<li>
<Link to="/dashboard" className="nav-link" id="dashboard-link">Dashboard</Link>
</li>
</ul>
</header>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/dashboard" element={<Dashboard />} />
</Routes>
</BrowserRouter>
);
}
</code>
import React from 'react';
import { BrowserRouter, Route, Routes, Link } from 'react-router-dom';
import Home from './Components/pages/Home';
import Dashboard from './Components/pages/Dashboard';
import './App.css';
export default function App() {
return (
<BrowserRouter>
<header>
<ul className="nav-list">
<li>
<Link to="/" className="nav-link" id="home-link">Login</Link>
</li>
<li>
<Link to="/dashboard" className="nav-link" id="dashboard-link">Dashboard</Link>
</li>
</ul>
</header>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/dashboard" element={<Dashboard />} />
</Routes>
</BrowserRouter>
);
}
The url to the site is http://89.116.152.197:2020/dashboard It’s a react site using react router
I checked if the files are there and they were
New contributor
ThePyGuy is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.