在反应中带有参数的路线

我使用的是BrowserRouter和Routes,参数为[xyz:id],如下图所示。在本地主机中,这工作正常,但是当我在生产中部署时,页面无法打开xyz:id。请大家帮忙解决。我不想使用HashRouter,因为hash在生产中存在安全问题。

代码:

索引.js

 <Router basename="/my-app">
    <App />
  </Router>,

App.js

<Switch>
          <Route exact={true} path="/" component={Home} />
          <Route exact={true} path="/xyz/:id" component={MyPage} />
          <Route component={Invalid} />
        </Switch>

解决方案:

你需要将所有的请求路由到你的index.html文件。例如,如果你将你的应用程序部署到Apache Web服务器,你可以添加一个.htaccess文件到你的网站根目录,并在其中写下以下几行代码。

给TA打赏
共{{data.count}}人
人已打赏
未分类

如何使用RequireJS来要求模块

2022-9-9 6:47:16

未分类

Flask Python - 基本程序不工作

2022-9-9 6:47:18

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索