反应-部署后外部链接不起作用

我遇到一个问题，即在开发过程中为博客构建链接，在主菜单中按预期运行，但是将其捆绑并将所有内容部署到Firebase后，链接无法打开，它只是重新加载了应用程序并该URL显示出来：https : //mirza-sisic.firebaseapp.com/juniorlearnstocode.blogspot.ba

这是我的菜单组件的外观：

import React from 'react';
import Logo from '../../../src/Images/MirzaLogo.png';
import { Navbar, Nav, NavItem } from 'react-bootstrap';


const Menu = () => (
<Navbar inverse fixedTop collapseOnSelect>
  <Navbar.Header>
    <Navbar.Brand>
    <a href="#headerwrap"><img alt="MS logo" src={Logo}/></a>
    </Navbar.Brand>
    <Navbar.Toggle />
  </Navbar.Header>
  <Navbar.Collapse>
    <Nav pullRight>
      <NavItem eventKey={1} href="#aboutwrap">
          About
      </NavItem>
      <NavItem eventKey={1} href="#Resume">
          Resume
      </NavItem>
      <NavItem eventKey={2} href="#workwrap">
         Projects
      </NavItem>
      <NavItem eventKey={2} href="#Clients">
        Clients
      </NavItem>
      <NavItem eventKey={2} href="#Contact">
           Contact
      </NavItem>
      <NavItem target="_blank" rel="noopener noreferrer" eventKey={2} href="https:juniorlearnstocode.blogspot.ba">
           Blog
      </NavItem>
    </Nav>
  </Navbar.Collapse>
</Navbar>
);

export default Menu;

提前致谢。