嗨,伙计们,我正在努力学习react路由器-dom最新版本,也就是版本6。我试图在自己的react django应用程序中创建一个基本的路由,但是如果我创建了许多路由,例如,当我将我的路由更改为8000/产品时,它将显示未找到的页面。有人能帮我吗?
App.js:
import React from "react";
import HomePage from "./components/HomePage";
import Product from "./components/Product";
import ProductDetail from "./components/ProductDetail"
import {
  BrowserRouter as Router,
  Routes,
  Route,
  Outlet,
} from "react-router-dom";
const App = () => {
  return (
    <>
      <Router>
        <Routes>
          <Route path="/" element={<HomePage/>}/>
          <Route path="/product" element={<Product/>}/>
          <Route path="/productdetail" element={<ProductDetail/>}/>
        </Routes>
      </Router>
      
      <Outlet/>
    </>
  )
}
export default App发布于 2022-02-16 07:59:45
您是否在后端your模式中包含了这些路径?就像这样:
urlpatterns = [
   path ('', TemplateView.as_view(template_name = 'index. html' )), 
   path ('productdetail/', TemplateView.as_view(template_name = 'index.html')),
   path ('products/', TemplateView.as_view(template_name = 'index.html')),
] 同样,要使其工作,您必须将TEMPLATE和STATICFILES_DIRS arrys分别设置为指向您的react应用程序/build和/build/静态目录。
https://stackoverflow.com/questions/71137910
复制相似问题