react-router-dom在URL中的多个/中给出404

问题描述

反应路由器dom在/blogs/new上抛出404 但是，如果我删除第二个网址，如/blogs或任何其他单个/网址，则效果很好

import React from 'react';
import { browserRouter,Switch,Route } from 'react-router-dom';

import HomePage from './HomePage';
import Blogs from './Blogs';
import NewBlog from './NewBlog';

const Main = () => {
    return (
        <browserRouter>
            <Switch>
                <Route exact path='/blogs' component={Blogs} />
                <Route path='/blogs/new' component={NewBlog} />
                <Route exact path='/' component={HomePage} />
            </Switch>
        </browserRouter>
    );
};

export default Main;

解决方法

您编写的代码看起来不错。我在带有react-router-dom的代码沙箱上尝试了一个简单示例，并且似乎按预期工作。您可以在下面查看此内容，看看是否在代码中的某处打错了文字-

您可能会在使用代码或浏览器编写URL时出现一些错字，因为从代码角度看，这对我来说是正确的。