非组件环境下拿到路由信息

在为了能够在非组件环境下拿到路由信息，我们自定义 Router 的 history

步骤1:建立utils/history.js文件

// 自定义history对象,'history'这个包是路由包的依赖包,安装路由的时候就会一并安装的,无需额外安装
import { createBrowserHistory } from 'history'

const history = createBrowserHistory()

export default history

步骤2:在App.js文件中

// 注意：此处，需要导入 Router 组件
import { Router } from 'react-router-dom'
import history from '@/utils/history'

function App() {
  return (
    <Router history={history}></Router>
  )
}

这样我们想在哪里用到 history 就只需要导入它就能拿到路由信息了