首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当尝试路由时,v6没有显示页面

当尝试路由时,v6没有显示页面
EN

Stack Overflow用户
提问于 2022-02-16 07:39:32
回答 1查看 603关注 0票数 0

嗨,伙计们,我正在努力学习react路由器-dom最新版本,也就是版本6。我试图在自己的react django应用程序中创建一个基本的路由,但是如果我创建了许多路由,例如,当我将我的路由更改为8000/产品时,它将显示未找到的页面。有人能帮我吗?

App.js:

代码语言:javascript
运行
复制
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
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-16 07:59:45

您是否在后端your模式中包含了这些路径?就像这样:

代码语言:javascript
运行
复制
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')),
] 

同样,要使其工作,您必须将TEMPLATESTATICFILES_DIRS arrys分别设置为指向您的react应用程序/build和/build/静态目录。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71137910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档