代码之家 › 专栏 › 技术社区 › greW

直接访问子路径

react-router-dom react-router reactjs

greW · 技术社区 · 7 年前

<Main>
    <Switch>
        <Route exact path="/login" component={ LoginPage }/>
        <PrivateRoute path="/" component={ PrivatePages }/>
    </Switch>
</Main>

和内部 PrivatePages

<div>
    <Switch>
        <Route exact path="/users/:id" component={ UsersPage }/>
    </Switch>
</div>

当我像这样访问它时 http://localhost:3000/users http://localhost:3000/users/someUserId <Link> http://localhost:3000/users/main.js (我不知道为什么它试图加载这个文件)我想这是来自谷歌的东西,我试图用谷歌搜索它,但我没有找到任何相关的。。。我无法准确地指出我错过了什么。

谢谢

1 回复 | 直到 7 年前

GProst 7 年前

好的,你的页面是空白的,因为它无法下载你的 main.js 初始化React应用程序的文件。

对应于您的开发服务器输出公共路径(即 / 默认情况下)您应该能够下载 主要的js公司 使用以下URL: http://localhost:3000/main.js http://localhost:3000/users/main.js . 这是因为您指定了 src='main.js' <script> 在html文件中,这是一个相对路径。服务器采用当前URL路径( http://localhost:3000/users/ )并将其与 . 我们有 http://localhost:3000/users/main.js .

<脚本(>); src src="/main.js" .

推荐文章

siddhant kumar · Can'读取未定义的属性(读取“path”)

2 年前

sdfsdf · useNavigate替换选项的作用是什么?

2 年前

Tanner Summers · react router 6渲染的子级问题

2 年前

Tesh Aych · react axios URL连接返回404未找到

2 年前

wahida cse · 如何在mongodb中只删除一个对象,而不是删除所有与筛选查询匹配的对象?

2 年前

Kevin Tanuwijaya · 如何使用参数来响应路由器dom链接

2 年前

Roy · 带有不同道具的react组件的多个实例无法正常工作

3 年前

Ahmed Haque · 通过出口上下文传递多个状态变量

3 年前

kiryl · 警告。/。缓存/根目录。js尝试导入错误:“BaseContext”未从“@gatsbyjs/reach router”导出(作为“BaseContext”导入)

3 年前

Ancross · 链接未路由到组件

3 年前