当前位置: 首页 > 知识库问答 >
问题:

无法使用React路由器DOM从URL获取id

柳玄裳
2023-03-14

我正在使用react、webpack和babel。我无法从URL获取id参数。

我收到以下错误:

-GEThttp://localhost:8080/edit/bundle.js404(未找到)

-拒绝从http://localhost:8080/edit/bundle.js执行脚本,因为它的MIME类型(text/html)不可执行,并且启用了严格的MIME类型检查。

我的代码

<Route path="/edit/:id" component={EditExpensePage} />

我的URL

http://localhost:8080/edit/35

谢谢你的阅读,请帮助我。

共有2个答案

司徒高寒
2023-03-14

这其实不是react路由器的问题

问题出在html文件中

我不知道你是不是故意的,但我不确定。js通常位于根路径中,例如。http://localhost:8080/bundle.js

检查您的引用是否错误。

魏鹤轩
2023-03-14

看起来您可能正在使用相对路径加载捆绑包。js。

检查HTML中的脚本标记。如果是这样:

<script src="bundle.js"></script>

然后尝试在文件名前添加斜杠:

<script src="/bundle.js"></script>
 类似资料:
  • react&React-Router的新功能。我正在使用react-router-4 我有以下组件-login-home-header-sidebar-content 登录组件没有标题或侧栏。 这就是我的路由 应用程序JS 然后在我的Home组件中,我有侧边栏和内容。 home.js呈现方法 侧边栏组件有一个链接,该链接具有“to”值“/home/dashboard”。 不幸的是,这并不奏效。单击

  • 我正在尝试使用React-Relay路由器学习React-Relay和GraphQL,但无法在我的路由中获得参数。我的困难在于“/Maps/:userID”路线。 这是我的路由器: 这是我的中继容器和根查询: 这里是我的react组件中的一个位置,我在route参数中插入了userID。我正在使用react router的browserHistory。“1”是我的测试用户ID。 这是我的模式的根查

  • 如何使用react router v4获取当前路径? 我尝试了以下方法,但没有成功: 错误: 这是我的Routes.js文件:

  • 问题内容: 我开始使用react-router v4。我的app.js中有一个简单的导航链接(请参见下面的代码)。如果我导航到,路由器会将我重定向到正确的页面。但是,当我在之后按重新加载(F5)()时,所有内容消失并且浏览器报告。那怎么可能?有人可以给我任何解决方法的提示(正确重新加载页面)吗? App.js: 问题答案: 我假设您正在使用Webpack。如果是这样,请在您的webpack配置中添

  • 我开始使用React-RouterV4。我的app.js中有一个简单的和一些导航链接(参见下面的代码)。如果导航到,router会将我重定向到右侧页面。但是,当我之后按reload(F5)()时,所有内容都会消失,浏览器报告。这怎么可能?有人能给我任何线索如何解决(重新加载正确的页面)? app.js: